Skip to main content
Ontario Tech acknowledges the lands and people of the Mississaugas of Scugog Island First Nation.

We are thankful to be welcome on these lands in friendship. The lands we are situated on are covered by the Williams Treaties and are the traditional territory of the Mississaugas, a branch of the greater Anishinaabeg Nation, including Algonquin, Ojibway, Odawa and Pottawatomi. These lands remain home to many Indigenous nations and peoples.

We acknowledge this land out of respect for the Indigenous nations who have cared for Turtle Island, also called North America, from before the arrival of settler peoples until this day. Most importantly, we acknowledge that the history of these lands has been tainted by poor treatment and a lack of friendship with the First Nations who call them home.

This history is something we are all affected by because we are all treaty people in Canada. We all have a shared history to reflect on, and each of us is affected by this history in different ways. Our past defines our present, but if we move forward as friends and allies, then it does not have to define our future.

Learn more about Indigenous Education and Cultural Services

Tables

Tables can be used for displaying data that should be arranged in a tabular format. Tables should not be used for layout or arranging elements on a page—try using the multi-row/column content options instead.

How to

Create a table

  1. Select the Table icon in the WYSIWYG editor toolbar. Select the number of columns and rows (you can edit this after).Insert table screenshot
  2. An empty table will appear. Place your cursor in a cell and add your content.

How to

Format or style a table

  • Merge cells
    1. Highlight the two cells you want to merge. Ensure that the cells are fully highlighted (not just the text).
    2. Right click and hover over Cell, then select Merge cells. Merge Table cells screenshot
  • Split merged cells
    1. Highlight the merged cells. 
    2. Right click and hover over Cell, then select Split cells. 
  • Modify the table layout (rows and columns)

    Add a row

    1. Click inside a cell.
    2. Right click and hover over Row, them select Insert Row Before to insert a row above the current row, or Insert Row After to insert a row below the current row.Add a row screenshot

    Remove a row

    1. Highlight the row you want to remove or click inside a cell that is in the row you want to remove.
    2. Right click and hover over Row, then select Delete row.Delete a row screenshot

    Add a column

    1. Click inside a cell.
    2. Right click and hover over Column, then select Insert column before to insert a column before the current column, or Insert column after to insert a column after the current column. Insert column screenshot

    Delete a column

    1. Highlight the column you want to remove or click inside a cell that is in the column you want to remove.
    2. Right click and hover over Column, then select Delete column. Delete column screenshot
  • Add or change styles

    There are several style options to choose from when creating tables. By default, tables will have an outside border, no cell borders, rows will alternate between white and light grey, and the width will automatically adjust to the cell contents (unless set widths are specified on columns). 

    The available style options are listed and described below. You can have one or several styles "chained" together on a single table. 

    tblFullWidth - The table will span the full width of the content area. 
    Example of full width table

    tblWhite - All cell backgrounds will be white; rows will not alternate between white and light grey.
    Example of white table

    tblNoBorders - Remove the default outside border around the table.
    Example of table with no outside borders

    tblCellBorders - Add a border around each cell. 
    Example of table with cell borders

    tblRowBorders - Add borders only to the rows (tblCellBorders should not be selected).
    Example of table with row borders

    tblAlignTop - Aligns multi-line text in each cell to the top (the default is the middle of the cell).
    Example of table with multi-line text aligned to the top of the cell

    How to

    Add styles to a table

    1. Create your table and add your content.
    2. Highlight the entire table so that all the text is highlighted and 'table' appears in the WYSIWYG editor footer.  Highlight entire table screenshot
    3. Select the Formats dropdown, then Custom and select a table style, which begins with 'tbl'.how to format a table
    4. To add or chain another style to the table, repeat the steps above.

    Example of table with tblFullWidth, tblWhite, tblNoBorders, and tblRowBorders applied:

    Example of table with multiple styles

      Formatting tables in the WYSIWYG editor can be tricky. Please contact us if your table is not displaying as you intended. Make a note in the comments section when you submit the page to the workflow.


How to

Make a table accessible

  1. Review the accessibility guidelines for tables.
  2. When you submit the page and perform a content review, the CMS will scan your page for basic accessibility. Tables that do not contain a summary will be flagged as an accessibility error.
    Accessibility check on tables
  3. Select Fix to add a table summary. Enter your table summary in the field provided.
  4. You can also use proper table cell headings and other HTML formatting to make a table more accessible. You will either need a knowledge of HTML or you can contact us to modify the table code.

Contact us If you require further assistance with styling or creating accessible tables and adding elements like heading cells. 

Search the CMS User Guide