How to set up and style the Advanced Data Table widget in Elementor.
Advanced Data Table builds a table from rows you type, CSV text you paste, or a CSV file. Visitors can sort columns, search the rows and move through pages. Use it for price lists, schedules, comparison data and any spreadsheet you want on a page.
Part of: Bright Addons Pro.
| Option | What it does |
|---|---|
| Source | Where the data comes from: typed rows, pasted CSV or a CSV file address. |
| Rows | The repeater of typed rows. Each item is one table row. |
| Cells | The cells of the row, separated by the / character. |
| Highlight Row | Gives this row the highlighted row color. |
| CSV | The pasted CSV text. Quoted cells with commas and line breaks are supported. |
| CSV File Address | The address of a CSV file in the Media Library or a public CSV link. |
| Separator | The CSV separator: detected, comma, semicolon or tab. |
| First Row Is the Header | Uses the first CSV row as the column titles. |
| Option | What it does |
|---|---|
| Columns | The repeater of column settings, matched to the columns in order. |
| Title | The header text of the column. With CSV, an empty title keeps the title from the file. |
| Sort As | Sorts the column as text, number or date, or detects the type. |
| Sortable | Lets visitors sort by this column. |
| Alignment | Aligns the column left, center or right. |
| Hide on Phones | Hides this column on phones. |
| Option | What it does |
|---|---|
| Search Box | Shows a search box above the table. |
| Sorting | Turns sorting by column header on or off for the whole table. |
| Sort First By Column | The column number the table is sorted by when it loads. 0 keeps your order. |
| Rows per Page | Rows shown on each page. 0 shows every row on one page. |
| Row Count Text | Shows a line such as Showing 1 to 10 of 25 rows. |
| On Phones | Shows rows as cards with labels, or lets the table scroll sideways. |
| Sticky Header Row | Keeps the header row visible while scrolling a long table. |
Bright Addons Pro has 80 Pro widgets plus all 51 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
background, border, radius, shadow, row line color, column lines, striped rows, and hover, highlighted row and accent colors.
typography, text color, background, sortable hover background, padding and sort arrow color.
typography, text color, link color, padding, bold first column and the phone card label color.
width, position, typography, colors for normal and focus, padding, border width and radius.
typography and color of the row count text, and typography, colors, padding and radius of the page buttons.
Yes. Publish the sheet as CSV, set Source to CSV File (URL) and paste the link in CSV File Address. The file is fetched by your site and cached for an hour.
With Sort As set to Detect, a column where every cell is a number, including prices and percentages, sorts as numbers. A column of dates sorts as dates, and everything else as text.
Yes. It checks the text of the whole row, and when a visitor types several words, a row must contain all of them.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide