Inserting a table into the WYSIWYG editor

Use the WYSIWYG editor to insert tables into your content. Tables are a helpful way of organizing tabular data into columns and rows.

Sections in this article:

Who can do this?

  • Enterprise administrators
  • Workplace administrators
  • Space administrators
  • Members of the digital workplace with Write, Edit or Full access

Insert a table into the WYSIWYG editor

Selecting the number of columns and rows when inserting a table.

While creating content in the WYSIWYG editor:

  1. Select a spot in the editor where you want to insert a table. If you select a location in the middle of a paragraph, the table will be inserted on a new line after the cursor's location. 
  2. Select  Insert Table and select the initial number of rows and columns (up to 10x10). The table will be inserted after you choose its size.

Edit tables in the WYSIWYG editor

Table editing tools

Selecting a cell in a table while editing content in the WYSIWYG editor displays a toolbar with the following editing tools:

Action Usage

Table Header

 Add a visually distinct row to the top of your table. Text in these cells should provide a general description of the information in the column.

Table Footer

 Add a visually distinct row to the bottom of your table.

Remove Table

 Remove the table from your content.

Row

 Select for row options. These include:
  • Insert row above: Add a row above the selected cell.
  • Insert row below: Add a row below the selected cell.
  • Delete row: Remove the row that contains the selected cell.

Column

 Select for column options. These include:
  • Insert column before: Add a column to the right of the selected cell.
  • Insert column after: Add a column to the left of the selected cell.
  • Delete column: Remove the column that contains the selected cell.

Table Style

 Select a style to apply to the entire table. Only one of these options can be active at a time:
  • Dashed Borders: Change all borders from solid to dashed lines.
  • Alternate Rows: Change the background color of every other row and remove borders between cells. By default, this color is gray. Cell Background colors override the color that this style applies.
  • Alternative Columns: Change the background color of every other column and remove borders between cells. By default, this color is gray. Cell Background colors override the color that this style applies.
  • No Borders: Remove all cell and table borders.

Select an applied style a second time to remove it.

Cell

 Select to modify the selected cell(s) in one of the following ways:
  • Merge cells: Select multiple cells for this option to be available. Convert all selected cells into one cell.
  • Vertical split: Split the selected cell into two columns.
  • Horizontal split: Split the selected cell into two rows.

Cell Background

 Change the background color of the selected cells. Select from up to 42 pre-configured colors (27 default and 15 custom), or enter a valid hex color code.

Select the Clear Formatting option from the color swatch to revert to the default background color(typically white).

Vertical Align

 Set the vertical position of the selected cell(s) contents. Options include Top, Middle, or Bottom.

Horizontal Align

 Set the horizontal position of the selected cell(s) contents. Options include Left, Center, Right, and Justify.

Cell Style

 Select a style that applies to the selected cell(s). You can only select one of these options at a time:
  • Highlighted: Change the border color of the selected cell(s). By default, this color is red.
  • Thick: Increase the border thickness of the selected cell(s). 

Select an applied style a second time to remove it.
WYSIWYG tools

Resize columns

Drag the borders of a column to resize it. Dragging the furthest right and left borders reduces the size of the table.

Selecting the vertical separator to resize columns.

Insert additional rows and columns

With no cells in the table selected, hover over the intersection point of the column and row borders on the left and top of the table to reveal an Insert button. Select this button to insert a column (when at the top of the table), or a row (when at the left of the table) at this location. Alternatively, you can insert rows and columns using the Table Toolbar.

 

The insert column button.

The insert row button.

Add a line break above or below a table

With no cells in the table selected, hover over the top or bottom of the table to reveal a Break button which will add a line break. This option is only available when there is not already a line above or below the table.

Inserting a line break above the table.

Inserting a line break below a table.

Select multiple cells

Select a cell and then drag it to expand the selection. Alternatively, after selecting a cell, you can use the following keyboard shortcuts to expand the selection:

Shortcut Usage
Shift + ← / → Extend the current cell selection by one cell to the left or the right.
Shift + ↑ / ↓ Extend the current cell selection by one cell up or down.
Keyboard shortcuts