Plan and pricing comparisons
Compare plans feature by feature with proper row and column headers.
Content / widget · Elementor module
Accessible Data Table Plugin for Elementor
Build a real, accessible HTML table in Elementor with a caption, column and row headers, optional action links and a keyboard-scrollable area.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Accessible data tableProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Tables rendered by the real widget
These are the actual published outputs of the widget: the default plan comparison, a styled striped table, a table with an action column of links, cells with basic formatting, and a table with a hidden caption and no row headers.
02 / Inside WordPress
Accessible data table controls in Elementor
Content › Source holds the caption, a Columns repeater with header and alignment, and a Rows repeater with a row header, one line per cell, and an optional action link. Behaviour switches row headers and the action column, basic formatting, the empty-cell marker and hidden label, the scroll area name and the empty-table text. Display sets the caption position, alternate row shading and an action icon. The Style tab covers cell alignment, minimum column width, cell and header typography and colours, stripes, padding, borders, radius, caption, action link states and the scroll area's focus outline.
03 / Website use cases
Where to use accessible data table
Comparison and reference tables built from columns of text boxes look like tables but are not, so screen readers cannot tell which header a value belongs to and mobile layouts break. Accessible data table builds a real HTML table with a caption, column headers and row headers, wrapped in a named scroll area that keyboard users can scroll on narrow screens.
Specifications and sizes
Publish size charts or technical specs that work on phones.
Reference tables
List codes, values or schedules readers can scan and screen readers can navigate.
04 / Installation and setup
How to add an accessible table in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Accessible data table in the Complementor library.
Add the widget and write a caption that names the table.
Add one Column per header, then add Rows with a row header and one line per cell.
Turn on the action column for per-row links, and choose an empty-cell marker if you like.
Style headers, stripes and borders, publish, and check the table scrolls on a phone.
05 / Content and style controls
Customize accessible data table in Elementor
Configure the settings available for this module to suit the page you are building.
Caption above, below or visually hidden; it names the table and the scroll area.
Column headers with per-column alignment, and optional row headers.
Rows with one line per cell; empty cells get a hidden 'No data' label and an optional visible marker.
Optional action column with a link per row, new-tab notice and icon.
Basic formatting in cells (bold, italic, code, sub/superscript, abbreviations) when switched on.
Style: alignment, minimum column width, typography, colours, stripes, padding, borders, radius, caption, link states and scroll focus.
06 / Choose the right approach
Accessible data table and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WordPress Table block
The block editor's Table block makes real tables in posts. This widget brings the same structure into Elementor layouts, with row headers, a named scroll area and Elementor styling.
Columns of text widgets
Text laid out in columns looks like a table but has no table semantics. This widget outputs a real table.
07 / Requirements and compatibility
Accessible data table compatibility with Elementor
- Requires Elementor.
- Up to 50 rows and 12 columns; no merged cells, sorting or filtering.
- Manual content only.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot accessible data table
Check these settings if the published page behaves differently from the editor.
Why are some rows or columns missing?
The table shows up to 50 rows and 12 columns in total, including the row header and action columns. The editor shows a note when content is cut.
Why is my HTML shown as text?
Cells are plain text by default. Turn on Allow basic formatting in cells to keep bold, italic, code and similar tags.
Why does the table scroll sideways on mobile?
Columns keep a minimum width so text stays readable. Lower Minimum column width or use fewer columns.
Why are my row names gone?
First column is a row header is off. Turn it on to show the row header column.
Accessible data table plugin questions
Is it a real HTML table?
Yes. It uses table, caption, th with scope and td elements, so assistive technology announces headers with each value.
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Can I import a CSV or connect a spreadsheet?
No. Content is typed in the editor; nothing is imported or fetched.
Can cells span several columns?
No. Each row has one value per column, which keeps the table easy to navigate.
Can visitors sort or filter the table?
No. It is a static table without scripts.
10 / Annual All Access subscription
Get accessible data table with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.