Table Block
> Structured data tables with customizable headers, row highlighting, and responsive display.
Overview
The Table block creates formatted data tables for displaying structured information like specifications, schedules, or comparison data. It includes options for striped rows, borders, hover effects, and row highlighting to emphasize important information.
Fields
| Field | Description |
|---|---|
| Heading | Optional section title above the table |
| Subheading | Supporting text below the heading |
| Headers | Column headers with label and alignment |
| Rows | Data rows with cell values and optional highlighting |
| Table Size | Table density: Small, Medium, or Large |
| Striped | Alternating row background colors |
| Bordered | Show table borders |
| Hover | Highlight rows on mouse hover |
| Responsive | Enable horizontal scrolling on mobile |
| Content Width | Control the maximum width of the content area |
| Animation | Entrance animation with optional stagger effect |
Header Fields
Each column header includes:
| Field | Description |
|---|---|
| Label | The column header text (required) |
| Align | Text alignment: Left, Center, or Right |
Row Fields
Each data row includes:
| Field | Description |
|---|---|
| Cells | Array of cell values matching header columns |
| Highlight | Emphasize this row with accent styling |
Display Options
| Option | Description |
|---|---|
| Striped | Zebra-striped rows for easier reading |
| Bordered | Cell borders for structured appearance |
| Hover | Row highlighting on hover for interactivity |
| Responsive | Horizontal scroll on smaller screens |