Table
A display-only table field for presenting structured data in rows and columns.
The Table field renders a static data table on the form canvas. It does not collect user input. Use it to display comparison data, schedules, specification sheets, or any tabular information that helps users make decisions within your form flow.
Configuration
| Property | Type | Default | Description |
|---|---|---|---|
| label | string | -- | Heading text displayed above the table |
| width | LayoutWidth | "full" | Horizontal space the field occupies |
| rows | number | -- | Number of rows in the table |
| columns | number | -- | Number of columns in the table |
| cells | string[][] | -- | Two-dimensional array of cell values, indexed as cells[row][col] |
| showHeader | boolean | -- | Whether the first row is rendered as a header with bold styling |
| dense | boolean | -- | Whether to use compact row spacing |
| striped | boolean | -- | Whether to alternate row background colors for readability |
| align | string | -- | Text alignment within cells: "left", "center", or "right" |
Example Usage
A feature comparison table:
{
"type": "table",
"label": "Feature Comparison",
"rows": 4,
"columns": 3,
"showHeader": true,
"striped": true,
"cells": [
["Feature", "Free", "Pro"],
["Forms", "5", "Unlimited"],
["Submissions", "100/mo", "10,000/mo"],
["Support", "Email", "Priority"]
]
}