This is not a Government of Canada website
The purpose of this website is to provide a working example of the WET-BOEW-GCWeb theme created by TNG Consulting Inc. together with the Government of Canada for Moodle software . Demo courses are only available in English however multi-language courses are supported.
Tables
Style guide information
Default
Appearance
Heading above table
Table example with heading
| Header |
Header |
| Data Data |
Data Data |
| Data Data |
Data Data |
Empty cells in table
Table example with invisible data cells
| Header |
Header |
| - |
Data Data |
| Data Data |
- |
Table caption
| Header |
Header |
Header |
| Data Data |
Data Data |
Data Data |
| Data Data |
Data Data |
Data Data |
Adjust column and table widths
Appearance
Table example with adjusted columns and width
| Header |
Header |
| Data data data |
Data data |
| Data Data |
Data Data |
| Data Data |
Data Data |
| Data Data |
Data Data |
Striped rows (zebra stripe)
Appearance
Table example with zebra stripes
| Header |
Header |
| Data Data |
Data Data |
| Data Data |
Data Data |
| Data Data |
Data Data |
| Data Data |
Data Data |
Hover rows
Appearance
Table example with hover rows
| Header |
Header |
| Data Data |
Data Data |
| Data Data |
Data Data |
| Data Data |
Data Data |
| Data Data |
Data Data |
Bordered rows
Appearance
Table example with bordered rows
| Header |
Header |
| Data Data |
Data Data |
| Data Data |
Data Data |
| Data Data |
Data Data |
| Data Data |
Data Data |
Condensed rows
Appearance
Table example with condensed rows
| Header |
Header |
| Data Data |
Data Data |
| Data Data |
Data Data |
| Data Data |
Data Data |
| Data Data |
Data Data |
Responsive tables
Appearance
Table example with responsive design
| Header |
Header |
Header |
Header |
Header |
Header |
Header |
| Data Data |
Data Data |
Data Data |
Data Data |
Data Data |
Data Data |
Data Data |
| Data Data |
Data Data |
Data Data |
Data Data |
Data Data |
Data Data |
Data Data |
| Data Data |
Data Data |
Data Data |
Data Data |
Data Data |
Data Data |
Data Data |
Coloured rows and cells
Appearance
Table example with colour
| Header |
Header |
| Data Data |
Data Data |
| Data Data |
Data |
| Data Data |
Data Data |
| Data Data |
Data |
| Data Data |
Data Data |
| Data Data |
Data |
| Data Data |
Data Data |
| Data Data |
Data |
Last modified: Monday, 26 August 2019, 11:18 AM
