Adding and editing tables

When you need to organize and structure data, try adding a Table to your page!

Tables allow for larger data sets, in a simple yet organized way. We'll show you how to use them below.

Adding a Table

Step 1. Add 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, anywhere 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 extra 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 also 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.

Copying and pasting Tables

Copy in Tables from other spreadsheet programs, like Excel or Google Sheets! Simply add a Table to your Page using the steps above, and then paste your previously copied content straight in.

Note: While we have designed this to work with most data sources, some formatting may change slightly. 

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.

If you any questions or feedback, let us know by emailing help@qwilr.com