Working examples

This is not a Government of Canada website

The purpose of this website is to provide a working example of the WET-BOEW-Moodle theme created by TNG Consulting Inc. together with the Government of Canada. 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
Date modified: