Last updated: February 9, 2023
Minimum user level: Contributor
This article covers
- How to add a table to your content and populate it with data
- How to format and style your table
Video tutorial
Watch a short video tutorial or read the step-by-step.
Step-by-step
It's possible to paste a table from a document into the T4 content editor, but this can result in formatting errors that are difficult to troubleshoot. We recommend that you build your table from scratch in T4 by following the steps below.
How to add a table
- In the content editor, click the table menu and choose the type of table you want to insert. A table with column headings will have a bold top row, while a table with column and row headings will have both a bold top row and a bold first column.
- You will see a grid. Drag your mouse to select how many rows and columns you want in your table, then click to insert the table.
- Add your data to your table. You can either type it in directly or paste it from another document cell by cell.
How to edit your table
Clicking anywhere in your table will display the table toolbar. You can also access these table tools under the table menu.
Hover your mouse over each button to see its function.
The toolbar allows you to:
- Edit the table's properties
- Edit the table's caption and summary
- Delete the table
- Insert and delete rows
- Insert and delete columns
UFV best practices for your tables
- Set the table width to 100%. Click the table properties button and update the width box to 100% so your table will shrink automatically if it is viewed on smaller screens. Skipping this step may result in your table being cut off from view when someone accesses your webpage with a mobile device.
- Apply UFV styles to your table. From the table properties, click the advanced tab. Paste the following table classes into the CSS class box: table-bordered table-striped table-hover. This will ensure your table is consistent with other tables on the UFV.ca website.
- Give your table a caption. Click the table caption and summary button and add a caption. A caption helps those who rely on assistive technology to easily understand the information your table contains. The caption should be short, clear, and descriptive.
Troubleshooting
Insert table with column headings - working around a bug in the editor
When you select the insert table with column headings option, the resulting table should contain a top row in bold style.
Instead, you will see a table with both bold top row and bold first column. This is a known bug with the content editor.
To work around this issue, delete the first column and then add a new column to your table. The new column will be unformatted text.
