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
Download free
Pro widget

Advanced Data Table Widget for Elementor Pro

Sortable, searchable tables from typed rows or CSV

See plans and pricing Read the guide
Overview

What Advanced Data Table does

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.

Live demo

See it in action

Basic 1 $19 2026-01-15
Plus 5 $39 2026-02-03
Team Unlimited $65 2026-03-21
Lifetime Basic 1 $59 2026-04-09
Lifetime Pro 5 $119 2026-05-27
Features

What it can do

  • Three data sources: typed rows, pasted CSV, or a CSV file address

  • Click a column header to sort as text, number or date, detected automatically or set per column

  • Search box that filters rows as the visitor types

  • Pagination with a rows per page setting and a row count text

  • On phones, rows turn into cards with labels, or the table scrolls sideways

  • Per column title, alignment, width, sorting and a hide on phones switch

  • Highlighted rows, striped rows and a sticky header row

  • The full table is in the page HTML, and the script only adds the tools

Use cases

When to use it

Price lists

Type each plan or product as a row, set the price column to sort as a number, and highlight the row you want to stand out.

Spreadsheet data

Paste CSV exported from a spreadsheet and let visitors search and sort it without leaving the page.

Live published sheets

Point the widget at a public CSV link, such as a published Google Sheet. The table follows the file, with a one hour cache.

Setup

How to set it up

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

Read the full guide

  1. Drag the Advanced Data Table widget onto the page.

  2. In the Data section, choose a Source: Type the Rows, Paste CSV or CSV File (URL).

  3. For typed rows, add one item per row under Rows and separate the cells with the | character.

  4. In the Columns section, add one item per column in order and set its Title, Sort As and Alignment.

  5. In Search, Sorting and Pages, turn Search Box and Sorting on or off and set Rows per Page.

  6. Choose how the table behaves On Phones: Rows as Cards (with labels) or Scroll Sideways.

  7. Open the Style tab to set the table, header row, cell, search box and pagination styles.

FAQ

Questions and answers

Can I show a Google Sheet?

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.

How does sorting know if a column holds numbers or dates?

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.

Does the search look in every column?

Yes. It checks the text of the whole row, and when a visitor types several words, a row must contain all of them.

Keep exploring

Related widgets

Advanced Charts Pro

Bar, line, pie and radar charts from your numbers

Creative Button Pro

A button with hover effects, a second line and attention animations.

Audio Player Pro

Play one track or a playlist with cover art.

Video Box Pro

A video behind a cover image and play button.
Bright Addons Pro

Get Advanced Data 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.

See plans and pricing See all widgets