02 Tables

2021-09-30 17:53

Array() no author 77473

Tutorial , Create your website, Utility,

The Table component can be useful for organizing information, price tables, rankings and much more!   To add the Tabe component

The Table component can help you organize information, price tables, rankings and more!


To add the Table component to your website:


1. Left click on the Elements bar
2. Click on Utilities
3. Click on Tables


You can select different types of tables:


- Simple tables
- Advanced Tables
- Accordion


To edit the Simple Table:


1. Click on the Table component
2. Click Edit Table
3. Click on Basic Settings to change the number of rows, number of columns, highlight the header and align the contents
4. Click on the text icon to change the font and size of the text
5. Click on the background icon to change the background color of the table
6. Click on the edges icon to change the external, vertical or horizontal edges
7. Click on the plus icon to import or export a CSV file with the data


To edit the Advanced Table:


1. Click on the Advanced Table component
2. Click on Edit Advanced Table
3. Click on Basic Settings to change the number of rows, the number of columns, show the search, filter, pagination, results information and to make the column sizes fixed.
4. Click on the color icon to change the background color
5. Click on the text icon to change the font and size of the header and body texts of the table
6. Click on the edges icon to change the external, vertical or horizontal edges
7. Click on the chain icon to insert links and edit them

8. Click on the plus icon to import or export a CSV file with the data


To change the Accordion


1. Click on the Accordion component
2. Click on Edit Accordion
3. Click Add Entry to add a new entry
4. Click on the Item to edit the text
5. Click on the text icon to change the font and size of the title and content text
6. Click on the star icon to select the arrow icon
7. Click on the border icon to show or not the border and change the color
8. Click on the size icon to change the size of the area and the distance between the items