Skip to Content

Tables

The method for adding a table to a page varies slightly depending on which style of WYSIWYG toolbar you are using.

Classic EditorLink to this section

  1. While editing a page, click the "Insert/Edit Table" icon (A grid with a pencil icon).
  2. Set the number of columns and rows for the table. Other additional configuration options include:
    • Cell Padding: The space within cells between the border and the text.*
    • Cell Spacing: The space in-between cells.*
    • Border: The thickness of the cell border, in pixels.
    • Width: The table width. Defaults to pixels but percent can be used.
    • Height: The table height. Defaults to pixels but percent can be used.
    • Class: Applies a class from the Styles dropdown to the table.
    • Table Caption: Check to add a row where you can enter a caption above the table.
      *Obsolete with the HTML5 schema; use CSS instead.
  3. Once you've finished with the table options, click "Insert" to place the table on the page.

An existing table can be modified by right-clicking it. You can edit the table properties as well as adding, deleting, and merging or splitting cells, rows, and columns, using the appropriate buttons in the toolbar.

JustEditLink to this section

  1. While editing a page, select the "Insert/Edit Table" icon (A grid icon ) from the toolbar.
  2. Select "Insert Table" from the drop-down and drag your cursor over the grid to choose the size of your table. Click to insert the table.

An existing table can be modified by right-clicking it. You can edit the table properties as well as adding, deleting, and merging or splitting cells, rows, and columns. The available table properties are:

  • Width: The width of the table, in percentage.
  • Height: The height of the table, in percentage.
  • Cell spacing: The space between cells.
  • Cell padding: The space inside cells between the border and the text.
  • Border: The thickness of cell borders, in pixels.
  • Caption: Adds a space for a caption above the table.
  • Alignment: Aligns the table on the page (Left, Center, or Right).
  • Class: Applies a class from the Styles dropdown to the table.