Table Maker

The Table Maker module builds a data table inside the builder. It suits comparisons, specifications and price breakdowns. You do not need to write HTML.

How to add the Table Maker module

1. Add a section and a row, then add the Table Maker module.
2. Add a Table Row for each row of the table.
3. In each Table Row, type the cell values in the Cells field, separated by the pipe character.

Content

Table Maker

• First Row As Header: On by default. The first row becomes the table header.

Table Row

Each row is a child module named Table Row. It has one field:

• Cells: The values for the row, separated by the pipe character (|). The default is "Cell 1 | Cell 2 | Cell 3". Each value becomes one cell. The number of values sets the number of columns, so give every row the same number of values.

Cells hold plain text only. HTML, icons and buttons are not supported.

Design

Table

• Header Background: The default is #2EA3F2.
• Header Text Color: The default is #ffffff.
• Striped Rows: On by default. Lightly shades every other row.
• Cell Padding: The default is 12px.
• Border Color: The default is #e0e0e0.

Small screens

On screens up to 767px wide, each cell is shown on its own line. If the table is wider than its column on larger screens, it scrolls sideways.

Tip

Keep the same number of values in every row so the columns line up.