Insert a Table

Select the table icon from the toolbarThe Table Properties will be displayed

Complete the fields:

Rows: enter the number of rows

Columns: enter the number of columns

Width: defaults to 100%. The table will encompass the entire width of the content well no matter what type of device is used to display the page. If desired, enter a new percent value but ensure the % sign is used or the table width will default to pixels

Height: leave blank

Headers: defaults to First row. For screen reader accessibility, tables must have a Header. Choose from the drop-down to choose First row & column. Do NOT merge cells that are defined as headers as it will result in multiple columns or rows associated with one header label making them inaccessible to visually impaired people using screen readers

Cell spacing: leave default set to 0 (zero)

Border size: leave default set to 1

Cell padding: leave default set to 4

Alignment: default is <not set>. If you have entered a width of less than 100%, you may use the drop-down menu to align the table Left, Centre or Right

Table Style: default is <not set>. Use the drop-down and select Striped to add background shading to every other row starting with the Header

Enable Sort and Search: recommended for complex tables with many rows of data. Inserts the following functionality:

Show 10, 25 or 50 rows per page

Provides a search box

Column headings (first row) can be sorted in ascending or descending order

Enable Pagination Elements: pagination buttons are inserted at the bottom of the table

Caption: If desired, add a caption that will appear above the table which will display in the web browser

Summary: The summary does not display in the web browser, but will form part of the Page Source metadata information. More importantly, it will be read out by a screen reader for the visually impaired

Click the [OK] button to complete the actionThe Table Properties will be closed and the table will be inserted at the cursor locationNote: if the table does not display the Sort and Search features, follow these steps:

Open the Table Properties

Change the Headers option

Deselect Enable Sort and Search

Close the Table Properties and [Save] the page

Re-open the Table Properties

Change the Headers back to First row or First row & column

Re-select Enable Sort and Search

Close the Table Properties and [Save] the page

Modify Table Properties

Place the cursor in any cell of the table

Right-click the mouse to display the Table Menu. DO NOT select the table icon from the toolbar to edit an existing table. It will result in inserting a table within a table

Choose TablePropertiesThe Table Properties will be displayed

Refer to steps 3 and 4 above

Add Cell Background Colour to Specified Cells

Place the cursor in the applicable cell (drag mouse to select multiple cells)

Right-click the mouse to display the Table MenuThe Table Menu will be displayed

Choose Cell PropertiesThe Cell Properties box will be displayed

Enter the following colour code in the Background Color field, and click [OK]

Hex Code

Colour

#F1F1F2

#F1F1F2

The Cell Properties box will be closed and the cell background colour displayed​

Add/Delete Rows and Columns

Place the cursor in the location of the table that you want to insert/delete a row or column

Right-click to display the Table Menu

Choose Row or Column from the menu

Select the applicable optionThe Table Menu will close and the table will be re-displayed with the selected option implemented