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 on any blank line, where you seeanywhere you see a + symbol pop up. (If you don't see the + symbol, you can hit the Enter/Return key to add one.) Choose Table from the menu. 

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 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

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 stay constant. You can slightly narrow or widen that using the Block Width setting

You can change the width of any column by clicking and dragging the column divider. The columns next to it may resize as well to maintain the overall table's width.

Styling your table

To add styling to a table, click on its top border to bring up the styling menu. You can set a header row color and background color, and also change the style and transparency of 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.