How do I add a table to my Website Builder site?

In Website Builder, you can easily add a table to your website and customise its options, like adjusting rows, columns, style of the text, and more.

1. Open Website Builder from the one.com Control Panel.
2. In the menu on the left, click More and drag the Table component into your workspace.
3. Type your content directly into the table cells.
4. Select the table in your workspace and click Edit table below or above it. This opens two menus for further customisation.
5. Use the top/bottom menu and the floating menu to adjust the properties of the table, like fonts, borders and background.
6. Click Save and Publish to make the table visible on your site.

Tip: Make the borders invisible by selecting "no borders" under properties, to create a clean and ordered look.

Properties of the table component

You can adjust the settings of the table in the two menus that appear if you select the table and click Edit table.

Most of the options listed below can be applied to a selected cell, selected text, or the whole table. If nothing is selected, the whole table will be affected.

1 - Top/bottom menu

• Drop-down menu - Select predefined formatting for the text in your table.
• Text formatting - Make text bold, italic or underlined, and adjust the font size and colour.
• Links - Make table text into a hyperlink. If you select a cell, only the text becomes the link. If nothing is selected, the entire table is affected. Click the chain icon to set the link destination.
• Text alignment - Align text to the left, center, or right, or justify it.
• Add and remove rows and columns - Use these buttons to add more rows and columns, or remove them.

2 - Floating menu

• Size and spacing - Adjust cell width (applies to the entire column) and cell height (applies to the entire row). Cell spacing determines how much space there is on each side of the cell.
• Border - Choose the style of the border from Dashed, Dotted, Lined or No border. You can also adjust the border's colour, opacity and width.
• Background - Add a colour or image as a background. If you select a cell, it will only be added to that cell, if nothing is selected, it applies to the entire table.
• Text style - Edit the text font, size, colour, alignment and placement within the cell. You can also highlight text and add shadows.
• Mobile view - If the table is placed in the footer, you can lock it to the bottom of the page.

Related articles:

How do add an image to my Website Builder site?

How do I change the name of a page in Website Builder?