BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Multi Layout Table Widget for Elementor Pro

One table widget with tick, data and plans layouts.

Overview

What Multi Layout Table does

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.

Live demo

See it in action

Features StarterFor side projectsTeamFor growing teamsBusinessFor whole companies
Projects3Unlimited
Team members1Unlimited
StorageShared by the whole team5 GB1 TB
Custom domainNoYes
Priority supportNoYes
Activity logNoYes
Single sign onNoYes
Features

What it can do

  • Three layouts: Tick matrix, Data table and Plans table, switchable at any time.

  • Rows typed with cells separated by |, or pasted as CSV.

  • Special words for cells: yes is a tick, no is a cross, - is a dash.

  • Cells can hold badges, links, images, star ratings and icons with text.

  • Sortable columns that tell numbers, dates and text apart.

  • Search box and pages for long data tables.

  • On small screens: cards, sideways scroll, or one column at a time with a dropdown.

  • First column kept in view, sticky header row, highlighted columns and rows, and a footer row.

Use cases

When to use it

Feature comparison

Use the Tick matrix layout to show which plan or product has which feature.

Price lists and data

Paste a CSV into the Data table layout and switch on Sortable Columns and the Search Box.

Pricing plans

Use the Plans table layout with a Price, Period, Badge and button per column.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Drag Multi Layout Table onto the page and choose the Layout.

  2. In Columns, add one row per column and type its Heading.

  3. In Rows, add a row per line: type the Row Label (first column) and the cells in Cells, Separated by |.

  4. Or set Enter Data By to Pasting CSV and paste your data into CSV.

  5. For a data table, open Sorting, Search and Pages and switch on Sortable Columns, Search Box or set Rows per Page.

  6. In Phones and Small Screens, choose what happens On Small Screens.

  7. Style the header, cells, marks, plan parts and cards in the Style tab.

FAQ

Questions and answers

How do I add a tick or a cross?

Type yes for a tick, no for a cross and – for a dash in the cell.

Can I paste a spreadsheet?

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.

What does the table do on phones?

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.

Can I switch the layout later?

Yes. Every layout uses the same columns and rows, so you can change Layout at any time.

Bright Addons Pro

Get Multi Layout Table with Bright Addons Pro

Bright Addons Pro has 77 Pro widgets plus all 48 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $16 a year, with a 14-day money-back guarantee.