Column 1 | Column 2 | Column 3 | Column 4 |
---|---|---|---|
Lorem |
Lorem |
Lorem |
|
Ipsum |
Ipsum |
Ipsum |
|
Dolor |
Dolor |
Dolor |
|
Sit |
Sit |
Sit |
|
Advanced 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
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.