Table

Adding a Table

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

  • Choose the Table element from the modal that appears:

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: