Creating Tables

Use grids, containers, and text elements to easily design tables.

Alex Piepenbrink avatar
Written by Alex Piepenbrink
Updated over a week ago

TIME Sites does not have a dedicated component for adding tables to your page. However, you can easily create basic tables by stacking grids, containers, and text elements on top of each other to create the layout you want.

It is important to remember that grids built in TIME Sites DO NOT SCALE WELL. Anything beyond 4-6 columns wide will potentially be illegible on mobile. If you need to have a very large table, think about building it elsewhere and either adding it as an image or embedding it, or hiding it on mobile and showing something else.

In many cases, simply stacking some grid elements on top of one another will give you the tabular layout you need:

You can then place text elements within the grids, and style them by adjusting the text colors, background colors, borders, etc. to create the visual effect you want to achieve:


Adding a Table as an Embed

If you need to add an especially large or complex table, or you need the table to support advanced functionality such as sorting or calculation, you may need to create the table in a third-party such as Google Docs, and then add it to your page as an embed.

Did this answer your question?