How to set up and style the Multi Layout Table widget in Elementor.
Multi Layout Table shows the same columns and rows in three layouts: a tick matrix, a data table with sorting, search and pages, and a plans table with a price and button per column. Cells are typed in one box per row or pasted as CSV. On phones the rows can turn into cards.
Part of: Bright Addons Pro.
| Option | What it does |
|---|---|
| Layout | Tick matrix, Data table or Plans table. Every layout shows the same columns and rows. |
| Enter Data By | Columns and rows lists, or pasting CSV. |
| CSV | Replaces the rows list and the column headings. At most 100 rows and 20 columns are read. |
| CSV Separator | Detect, Comma, Semicolon or Tab. |
| First CSV Line Holds the Headings | Off takes the headings from the Columns list. |
| Corner Heading | The top left cell, above the row labels. |
| Caption | A short title for the table. Screen readers announce it first. |
| Zebra Rows | Shades every second row. |
| Lines | None, between rows, or a grid. |
| Keep the First Column in View | The row labels stay put while the table scrolls sideways. |
| Sticky Header Row | The header stays at the top of the screen while the page scrolls. |
| Open Cell Links in a New Tab | Opens links typed in cells in a new tab. |
| Option | What it does |
|---|---|
| Columns | The list of columns. |
| Heading | The column heading. |
| Small Text Under the Heading | A second, smaller line in the header. |
| Highlight This Column | Marks the column. In the plans layout this is the featured plan. |
| Sort As | Detect, Text, Number, Date or Not sortable. |
| Width (percent) | The column width. Empty is automatic. |
| Price | The price of the plan. |
| Period | The period after the price. |
| Badge | A label on the plan. |
| Button Text | Text of the plan button. |
| Button Link | Where the plan button links to. |
| Option | What it does |
|---|---|
| Rows | The list of rows. |
| Row Label (first column) | The text of the first cell. |
| Cells, Separated by / | One cell per column, left to right. Missing cells stay blank. |
| Small Text Under the Label | A smaller line under the row label. |
| Highlight This Row | Marks the row. |
| Footer Row Label | A last row for totals or a note. It is never sorted, searched or paged. |
| Footer Cells, Separated by / | The cells of the footer row. |
| Option | What it does |
|---|---|
| Sortable Columns | Headings become buttons that sort the rows. |
| Sorted at the Start by Column | The column the table is sorted by when the page opens. 1 is the first column. |
| Start Direction | Ascending or Descending. |
| Search Box | Filters the rows by their label and cell text while the visitor types. |
| Rows per Page | Splits the rows into pages. Empty or 0 shows all rows. |
| Rows Shown Text | The text next to the page buttons. |
| Option | What it does |
|---|---|
| On Small Screens | Cards with label and value lines, sideways scroll, or one column at a time with a dropdown. |
| Small Means Up To (px) | Screen width at and below which that choice applies. |
| Leave Blank Cells Out of Cards | Skips empty cells in the cards. |
| Dropdown Label | The label of the column dropdown. |
| Option | What it does |
|---|---|
| Show a Dash in Blank Cells | Prints a dash where a cell is empty. |
| Icon Shape | Plain icon, or in a soft circle. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $16 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
the box around the table.
header styles and the Corner Text Color.
text and background of the row labels.
cell styles and Vertical Alignment.
text and Background of the caption.
the cards and the Line Label Typography.
colors of the marks and badges.
Link Color, Link Hover Color, Underline, and star size and colors.
the plan parts of the plans layout, with the button Width.
the controls above and below the table.
Type yes for a tick, no for a cross and – for a dash in the cell.
Yes. Export it as CSV, set Enter Data By to Pasting CSV and paste it into CSV. Up to 100 rows and 20 columns are read.
You choose under On Small Screens: every row becomes a card, the table scrolls sideways, or one column shows at a time with a dropdown.
Yes. Every layout uses the same columns and rows, so you can change Layout at any time.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide