fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

February Updates
Currency Converter Cover
Layers Widget

Unlimited Table

The Unlimited Table widget gives you the easiest way to create table layouts using Elementor. Easily create beautiful tables with sorting and filters.

Let’s look at each of the options in the “Unlimited Table” below.

Install Unlimited Table Widget for Elementor

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Unlimited Table”
  3. Hover over the widget in the search results and click install
  4. Add your “Unlimited Table” widget to any Elementor Page

General Settings

1

Width

Set the width of the table in %.

2

Alginment

Set the alignment for the table cells data.

Table Filtering

1

Enable Filterning

Enable the filter option for the table.

2

Filter Type

Choose the placement for the filter: In the Header or in the Toolbar.

Table Layout

1

Responsive Column Behaviour

What happens to columns when the table width is too small to show all columns.

  1. Collapse Columns
  2. Hide Columns
2

Columns Default State

  1. Close
  2. Open
3

Text Direction

  1. Auto
  2. Left to Right
  3. Right to Left
4

Resize Columns

Whether the columns can be resized by drag and drop on the frontend.

Table Grouping

1

Enable Grouping by Column

This will enable grouping in the data table.

2

Column ID

The number of the column used to group the rows.

3

Default State

  1. Collapse All
  2. Expand All
  3. Expand First Only
4

Apply Breakpoint

If enabled the grouping will apply only under the given breakpoint set in px. 

Table Toolbar

1

Enable Copy

Will allow users to copy the table data to clipboard.

2

Enable Print

Will allow users to print the table to there local printer.

3

Enable Downlooad

Will allow users to download the table data to a PDF file.

4

Enable Icon Tooltips

Will show tooltips when hovering over the toolbar icons.

Items Settings

Manage the data of the table using the repeater field.

  • Add new items
  • Duplicate items
  • Delete items
  • Reorder Items
  • Edit Items

To create a table in the correct structure you need to add 3 types of items.

  • Header
  • Row
  • Column

Add Table Header Items

The first step in creating your table is to add table header items to the top of the table. Add all the header items before starting to add rows.

1

Item Title

An inner title that will not show in the table itself is only used for editing the table.

2

Item Type

Choose an item type header to add a header item to your table.

3

Value

The data which will show in your header item to website visitors.

4

Header Icon

Add an icon to your table header.

5

Override Header Color

If enabled will allow change the text or icon color of the data.

6

Override Header Background

If enabled will allow changing the background color of the header cell.

7

Column Minimum Width

A minimum width in pixels for the column.

8

Enable Sorting

Adds a sorting arrow to sort the contents of the column. 

Add Table Row

The second step in creating your table is to add table row items to your table.

1

Item Title

An inner title that will not show in the table itself is only used for editing the table.

2

Item Type

Choose an item type row to add a row item to your table.

3

Override Row Background

If enabled will allow changing the specific row background.

Add Table Columnn

The third step in creating your table is to add table column items under the table row. Each needs to correspond with the table header above it.

1

Item Title

An inner title that will not show in the table itself is only used for editing the table.

2

Item Type

Choose an item type column to add a column item to your table row. Make sure the column item is under a row item. Add multiple columns to match the number of header items.

3

Content Type

  1. Icon
  2. Image
  3. Button
  4. Textarea
  5. Editor
  6. Template
4

Override Color

Will allow to override the text and icon color of the data cell. 

5

Override Background Color

Will allow overriding the background of the table cell.

Table Widget Styling

Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.

Table Header Style

Table Rows Style

Table Filtering Style

Table Tool Bar Style

Table Grouping Style

Table Images Style

Table Icons Style

Table Resize Handles Style

Table Sorting Style

Table Buttons Style

Video Overview

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!