Data Table
A styled data table for displaying structured rows and columns of information, configured directly in the Strapi styled table editor.
What It Does
The Data Table module renders a fully styled table on the page. The table content — rows, columns, header styles, cell colours, and borders — is configured in Strapi's built-in styled table editor. Use it to present structured comparison data, pricing details, specifications, or any information that benefits from a tabular format.
Best Used For
- Product or service comparison tables
- Pricing plan breakdowns
- Technical specification sheets
- Any structured data that is easier to read in row and column format
Variants
Default
A responsive styled table rendered with the visual formatting defined in the Strapi table editor.
Best for: Comparison tables, specifications, and pricing breakdowns
Configuration Fields
| Field | What It Does | Required |
|---|---|---|
| Style Table | The table content and visual styling, configured in the Strapi styled table editor | No |
| Entrance Animation | Scroll-triggered animation: fade, slide-up, slide-left, slide-right, or none | No |
Tips for Great Results
- Use consistent column widths to make the table easier to scan horizontally.
- Limit tables to 6 or fewer columns — more than that is difficult to read on mobile.
- Use alternating row colours in the Strapi table editor to improve row-by-row readability.
- For comparison tables, put the most important column (e.g. "Recommended") in the second or third position — users tend to focus there first.
Supported Languages
Fully bilingual — all text fields support both English and Thai content.
Split Panel
A two-column section with a large image on one side and a title, description, bullet points, and optional box detail on the other — configurable for image-left or image-right layouts.
Stacked Cards
A scroll-driven stack of cards that reveals content as the visitor scrolls, with a parallax reveal effect between cards.