Skip to main content

Data Tables

The Advanced Data Table component allows for displaying large or small amounts of data in rows and columns.

How it Works

Tables can be used to organize information in a clean, organized and readable way. Used to show large or small amounts of data, the data can be configured to be static or dynamic.

How to Use

The advanced data table can be configured under the Basics tab, either manually or with a CSV file. The configuration tab to the right allows adding the number of columns and rows desired.  Additionally, there is a checkbox option to make the column sortable.

When adding columns, there is an option to choose component type. The component type can be chosen from a list of text, image or tag components. 

Manually Configured Table

Column 1 Column 2 Column 3 Column 4

Lorem

Lorem

Lorem

Ipsum

Ipsum

Ipsum

Dolor

Dolor

Dolor

Sit

Sit

Sit

News

CSV Configured Table

When choosing the CSV table option, there is an option to add a filter to the table. There is a dropdown labeled Select Columns to be filtered. Once columns are added to the filter, an accordion menu will appear at the top of the table which will allow the user to filter the content of the table.

Last Modified on Nov 19, 2020
Back to Top