Table
Display data in rows and columns for comparisons and structured information
Organize data in rows and columns for easy comparison. Perfect for pricing tables, feature comparisons, specifications, or any structured data.
Quick Reference
Structure: Headers, rows, columns
Styling: Borders, stripes, hover effects
Responsive: Horizontal scroll on mobile
Content: Text, links, icons, badges
Alignment: Per column control
Adding Tables
Method 1: Drag from Right Sidebar
Click the Tables category in the right sidebar
Find 2x2 Table or 3x3 Table in the dropdown
Drag it onto your page where you want it
Click cells to start entering data
Method 2: Slash Command
Type
/tableon empty lineChoose rows and columns
Table grid appears
Method 3: Copy and Paste
Open up google sheets or excel
Copy the data you want
Paste into a paragraph element
Table Structure
Components
Header Row: Column titles (optional)
Body Rows: Data cells
Footer Row: Totals/summary (optional)
Cells: Individual data points
Important: Tables cannot be placed inside certain containers due to technical limitations:
Column Groups
Slider Groups (slideshows)
Toggle Groups
Important: Some blocks cannot be placed inside table cells due to technical limitations:
Columns
Testimonials
Slideshows
Toggle List
Tables (no nested tables)
Management
Click any cell to select it
Use menubar for all operations
Select multiple cells by dragging
Copy/paste from spreadsheets
Resizing Rows & Columns
Hover over any cell border until the resize cursor appears
Click and drag to adjust the width of a column or the height of a row
Columns have a minimum width of 200px
All cells in a row share the same height
Configuration
Please note that the toolbar is located at the bottom of the table.
Cell Styling (via toolbar)
Background Color: Choose from palette for selected cells
Background Opacity: 0-100% transparency control
Border Color: Set color for table borders
Border Opacity: 0-100% for border transparency
Border Control
Top Border: Toggle top border on/off
Right Border: Toggle right border on/off
Bottom Border: Toggle bottom border on/off
Left Border: Toggle left border on/off
No Borders: Remove all borders
Outside Borders: Apply borders to outer edges only
Cell Actions
Merge Cells: Combine selected cells into one
Split Cell: Divide merged cell back to original
Row Operations
Add Row Above: Insert new row before current
Add Row Below: Insert new row after current
Remove Row: Delete selected row
Column Operations
Add Column Left: Insert column before current
Add Column Right: Insert column after current
Remove Column: Delete selected column
Table Actions
Delete Table: Remove entire table from page
Common Use Cases
Pricing Comparison
| Plan | Price | Features | CTA |
|----------|-------|----------|----------|
| Basic | $29 | 10 users | [Choose] |
| Pro | $99 | 50 users | [Choose] |
| Business | $299 | Unlimited| [Choose] |Feature Matrix
Product features vs. competitors
Checkmarks and X marks
Detailed comparisons
Specifications
Technical details
Product dimensions
System requirements
Data Display
Statistics
Research findings
Performance metrics
Best Practices
Keep it simple: Don't overload with data
Clear headers: Descriptive column titles
Consistent formatting: Same data types per column
Mobile-friendly: Test horizontal scroll
Highlight important: Use color/bold sparingly
Provide context: Introduce table purpose
Design Tips
Visual Hierarchy
Bold headers
Highlight key data
Use color purposefully
Spacing
Adequate cell padding
Clear row separation
Breathing room around table
Responsiveness
Prioritize important columns
Consider mobile layout
Test scroll behavior
Troubleshooting
Table too wide
Reduce columns
Adjust column widths
Enable horizontal scroll
Stack on mobile
Content overflow
Wrap text in cells
Reduce font size
Use abbreviations
Add tooltips
Alignment issues
Check column settings
Verify cell content
Clear formatting
Related Features
Lists: Simple data without columns
Card: Visual comparison layout
Toggle Group: Expandable data sections
Last updated