Skip to content
Table
Overview
A flexible container component that provides customizable table layout options for child blocks. Allows merchants to add multiple table items with customizable columns. Supports responsive display with mobile-friendly layout and column highlighting features.
Common use cases
- Create comparison tables for products or features
- Display specification tables with multiple columns
- Show pricing comparison tables
- Organize data in a structured tabular format
- Highlight specific columns for emphasis
- Use for product feature comparisons or specification sheets
Compatible blocks
The following blocks can be nested within this block:
Block settings
General
| Setting | Description | Options |
|---|---|---|
| Show advanced settings | Reveals visibility, load animation, and scroll animation | Checkbox (default: false) |
Content
| Setting | Description | Options |
|---|---|---|
| Column headings | Comma-separated list of column headings (e.g., "Feature, Our Brand, Competitor") | Text input |
Color
| Setting | Description | Options |
|---|---|---|
| Color scheme | Controls the background and text colors | • Body |
| Enable column highlight | Highlights a specific column with a different color scheme | Checkbox (default: false) |
| Color column scheme | Color scheme for the highlighted column | • Body |
| Highlighted column | Column number to highlight (1-based index) | 0 - 10 (default: 2) |
Spacing
| Setting | Description | Options |
|---|---|---|
| Enable horizontal padding | Adds horizontal padding around the table | Checkbox (default: false) |
| Top spacing | Padding space at the top of the table | 0 - 300 px (default: 0) |
| Bottom spacing | Padding space at the bottom of the table | 0 - 300 px (default: 0) |
Style
| Setting | Description | Options |
|---|---|---|
| Font family | Font family for table header text | • Standard |
| Font size | Font size for table header text | • Smaller |
Layout
| Setting | Description | Options |
|---|---|---|
| Table layout | Controls how table columns are sized | • Auto |
| Column widths | Comma-separated list of column widths (e.g., "30%, 40%, 30%") | Text input |
Display
| Setting | Description | Options |
|---|---|---|
| Visibility | Controls when the block is visible | • All (default) Visible when Show advanced settings is on |
| Load animation | Animation when the block first loads | • None (default) Visible when Show advanced settings is on and Scroll animation is None |
| Scroll animation | Adds scroll-triggered animations | • None (default) Visible when Show advanced settings is on and Load animation is None |