Table

Adding a Table

Option 1

  • Hover over the desired section, and click the Add Element:

  • Choose the Table element from the modal that appears:

  • After you choose the element from the list, drag it to the desired section.

Option 2

  • Hover over the left sidebar of the Site Editor and click Build (+) button:

  • Choose the element:

  • After you choose the element from the list, drag it to the desired section.

Moving and Resizing Table

Please refer to the Elements Management article to learn more about moving and resizing elements.

Editing a Table

  • Hover over your table to display the Edit button in its top-right corner:

  • Here, you can modify the Table's Layout and Design:

Layout Tab

  • Heading Row. Turn on the toggle to enable the heading row for the Table.
  • Heading Column. Turn on the toggle to enable the heading column for the Table.
  • Numbering Column. Turn on the toggle to enable the numbering column for the Table.
  • Highlight Even Rows. Turn on the toggle to enable the design for even rows for the Table.
  • Highlight Color. Allows to set the color for even rows for the Table (the option is active when Highlight Even Rows enabled).

Design Tab

  • Heading. Set a color for text in the heading.
  • Background (Heading). Set a color for the heading background.
  • Text. Set a text color of the Table.
  • Background. Set a background color of the Table.
  • Border. Drag to increase or decrease the thickness of the border.
  • Padding. Drag to increase or decrease padding for the Table rows.

Managing the Table 

  • Add a row: select between Add a row above and Add a row below.
  • Delete a row.
  • Add a column: select between Add a column left and Add a column right.
  • Delete a column.

Customizing Text or Heading

Select a text to display the Editing Menu:

  • For a simple row:

  • For a header row: