Adding Tables to a Page

The Table element enables you to create structured, organized content displays within a page.

To add a Table to a page:

• Open the page editor by navigating to Dashboard > Website > Pages > Create a New Page or click the existing page.
• Click the “Insert” button in the left panel.
• Under the “Layout” heading, drag and drop the "Table" element into the page editing area (typically into a section) on the right.
• By default, the table element contains two rows and two columns (4 cells in total).

• You can then add text content or more elements within eah cell.

Editing Tables

To editing a table:

• Click the "" icon in the "Table" label, and then click "Edit".
• You can adjust the width of columns by dragging the blue bar left or right.
• You can edit cells, columns, or rows by right-clicking the specific element you want to edit. Here’s a list of available actions:
  • Cell:
    • Merge with right cell.
    • Merge with blow cell.
    • Split cell horizontally.
    • Split cell vertically.
  • Column:
    • Insert column before.
    • Insert column after.
  • Row:
    • Insert row before.
    • Insert row after.

• When you select two or more rows or columns, a pop-up menu will allow you to merge or delete the selected cells.

Table Properties

• Cell Padding: It controls the space inside each cell, between the cell’s content (such as text or images) and the cell’s border. Adding padding creates breathing room around the content, making it easier to read.

• Cell Spacing: This defines the space between individual cells in a table. Adjusting cell spacing separates each cell from its neighbors, making them appear as distinct blocks, which can enhance readability and overall layout clarity.

• Table Width: It sets the overall width of the table in its container. Adjusting this width allows you to control how much horizontal space the table occupies. A wider table displays more content per row, while a narrower table can be more adaptable to mobile devices.

Note: Each of these properties can be adjusted using pixels (e.g., 10px) for a fixed measurement or percentages (e.g., 5%) to create a responsive,  layout that adjusts based on the table’s container or cell size.