Table

Author: Jade Abit 3086 views

On a website, tables are mainly used to organize and display structured data clearly.

Show data in rows & columns: Pricing plans, Product specifications, Comparison tables, Reports or statistics, Size charts
Compare information: Tables make it easy for users to scan and compare things quickly for example, Product A vs Product B, Feature comparison, Subscription tiers

Note: The Table element only supports plain text content. You cannot add custom elements such as icons, images, links, or buttons inside table cells.

You just need to drag the Table element from the left sidebar. Then enter your text directly into the table content. Simply adjusting the number of rows and columns in the settings panel on the right.

1. How to adjust Table with borders

When you set up borders for table, this is default style of table element – the border line is doubled.

But some people don’t like that doubled style and want to change to classic border style like this:

Step 3: You can follow this video below to adjust border style:

2. How to adjust Table on Mobile

The content in the table may fit well on desktop view, but when switching to smaller mobile screens, the texts will become messy. Now you’ll need to reduce the text size inside the table if you want to keep the same number of columns as on desktop.