With this new app you will be able to create amazing tables to display any information you want on your site. A good example of this could be to list your services and the things that you include on each one of your packages, this way you can keep the information clean and organized.
What will you learn?
In this article you will learn how to use the Table app so you can display your information in an organized and clean way.
How it works
The Table app will let you add Columns and Rows so you can have your information organized into cells, displayed in the classic spreadsheet view or independent columns.
How to add a new column
In order for you to add a new column you only need to click on the Edit Content button (Pencil) and you will have to click on the option that says Add New Column.
You will have to type the title or the specific text you want to appear on the first cell of the column. It does not necessarily have to be text, you can also use images or videos.
In order to edit the rest of the cells of the columns you only need to double click on the text, once you do it you will be able to edit the content in place.
If you want this new column to look different than the rest, then you can check the “Feature Column” option and save.
This action will let you manage specific styles for the Featured Column such as color for title cell as well as for content cells, borders, gradients, margins, padding and spacing among other options, this way you will be able to differentiate that column from the rest.
How to add a new row
In order for you to add a new rows you only need to click on the Edit content button (Pencil) and you will have to click on the option that says Add New Row.
You will have to type the title or specific text you want to appear on the first cell of the row. The same as in the columns, it does not necessarily have to be text, you can also use images or videos.
In order to modify the rest of the cells of that row you will only have to double click on the text, easy as that.
You can also highlight specific rows, this option is really useful when you want to attract your visitor’s attention to an specific part of the table. In order to highlight a column you only need to click on the Edit Content button, then select the option that says Manage Rows, after that you will have to select the row you want to highlight and lastly you will need to check the option that says Highlight Row and save.
Remember that you can add as many columns and rows as needed.
If you thought that highlighting columns and rows was the only feature of the app, I’m so sorry to tell you this but, you were wrong. There are other cool things you can do in order to change the look of your table, so keep reading.
If you click on the Edit Settings button, the first thing you will see at the top would be the Table Style. On the dropdown menu you will find two options. The first one is Grid and the second one is Independent Columns.
Grid is a classic spreadsheet table style whereas Independent Columns will separate the columns so they can have different heights.
Grid View Settings
With these settings you will be able to to decide whether to display or not the Row Title Column or the Row Title Header.
It is really important to mention that this settings will only apply if the Table is set to display the information on the Grid view.
Independent Columns Settings
In this option you will only be able to modify the spacing in between the independent columns. You can choose from 5px, 10px, 15px or 20px.
Now you’re ready to create an amazing table! Go ahead and access your site in order to try this app.
Let us know if you have any comments or questions.
All the best,