Why use it:
- Simplifies decision-making: tables let visitors compare options at a glance instead of reading paragraphs of text.
- Looks professional out of the box: striped rows, borders, and adjustable corner radius give it a polished feel without custom CSS.
- Flexible for many use cases: pricing pages, feature breakdowns, spec comparisons, or even simple data tables.
Standard Table Layout
Layout options:
- Standard: a straightforward table with a header row and data rows underneath. Best for general-purpose data display (specs, feature lists, plain comparisons).
- Comparison — designed specifically for pricing/plan comparisons. Lets you highlight one column (e.g., “Starter” marked as “Recommended”) to draw the eye toward a preferred option, and includes a Feature comparison (auto ✓ / ✗) toggle that automatically converts values into checkmarks or crosses for quick visual scanning.
Comparrison Table Layout
Shared settings:
- Text Font Family, Font Size, Corner radius: typography and shape controls
- Header Background / Header text / Body text / Border colors: full color customization
- Striped rows / Outer border: toggle visual styling for readability
Comparison-only settings:
- Highlight column: choose which plan/column gets emphasized
- Highlight label: customize the badge text (e.g., “Recommended,” “Best Value”)