Adding and editing tables

When you need to organize and structure a lot of data to present to your client, try adding a table to your page.

Adding a table

Step 1. Start a new Text, Splash, Quote, Video, or Accept block. All of these will accommodate tables in specific areas.

Step 2. You can add a table anywhere you see a + symbol pop up. Choose Table from the pop-up menu. If you don't see the + symbol, you can hit the Enter/Return key to add one.

Adding rows and columns

To add a column, mouse over the end of the table or any point between 2 columns. You'll see a  + symbol will appear. Click that to add a new column. 

You can add new rows in two ways:

  • Click on the last cell in the table and hit the Tab key
  • Mouse over the point between any two rows and click the + symbol

Removing rows and columns

In order to delete a specific row or column, click and drag to select an entire column (or row). A trash can icon will pop up. Click it to delete the selection from the table.

Resizing columns

The overall width of the table will remain the same, but you can click and drag any column to change its width. The columns next to it may resize as well to maintain the overall width.

Styling your table

To add styling to a table, click on its border to bring up the styling menu. You can set a header row color and background color, and also style the borders.

Viewing a table on mobile

Tables appear differently on mobile phone screens depending on how they're oriented.

  • Vertical screen: The table won't adjust so that its whole width fits on a vertical mobile screen. That would interfere with readability, so we display the table at a comfortable reading width. Some of it will be cut off on the vertical screen, but you and your clients can scroll sideways to read all the columns, and scroll up and down to see all the rows.
  • Horizontal screen: The table will adjust so that its entire width fits on a horizontal mobile screen. You and your clients can scroll up and down to see all the rows.