Loading…
Loading…
The Data Table widget presents structured information in a clear, readable table. Column headers, alternating row colours, and a branded header row.
Data Tables work well for anything you’d naturally present in rows and columns — pricing tiers, technical specs, provider comparisons, API reference, tier permissions, or any structured reference data. The coloured header row and alternating row shading make them easy to scan.
| Provider | Free tier | Best for |
|---|---|---|
| Google Gemini | ✅ Yes | Starting out, high volume, best value |
| OpenAI | ❌ No | Images with text, photorealistic scenes |
| Together AI | ❌ No | Widest model choice, lowest cost at volume |
| Setting | What it does |
|---|---|
| headers | Column headings with individual width control per column |
| rows / cells | Data rows, each with a cell per column. Supports plain text and emoji |
| header_bg_color | Background colour of the header row |
| row_bg_color / row_alt_color | Base and alternating row background colours for readability |
| cell_padding | Spacing inside each cell |
Elementor has no built-in table widget. The Data Table fills that gap — fully styled, mobile-friendly, and AI-editable in seconds.
The Data Table widget renders a fully styled HTML table with coloured headers, zebra striping, and horizontal scroll on mobile. Column widths are individually set so your table stays balanced on every screen size.
Best used for: pricing breakdowns, feature comparison matrices, schedules, product specs, API reference tables, and any structured information with rows and columns.
| Provider | Free tier | Best for | Batch discount | Cost tier |
|---|---|---|---|---|
| Google Gemini | ✅ Yes | General use | 50% off | $ |
| OpenAI | ❌ No | Text in images | 50% off | $$ |
| Together AI | ❌ No | Volume / variety | Varies | $ |
| Setting | What it does |
|---|---|
| Headers | Column headings with individual width control (% based). |
| Rows & cells | Any number of rows, each with cells matching your header count. |
| Zebra striping | Alternating row colour for readability. Set even and odd row colours independently. |
| Sticky header | Header row stays visible when scrolling long tables. |
| Mobile scroll | Wide tables scroll horizontally on small screens instead of breaking layout. |