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.
Zebra striping - has minor issue
Style guide information
Striped rows
Generic Invoice Table
| Product ID |
Product |
Description |
Quantity |
Unit Price |
Total |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Subtotal |
519.80 |
| Taxes (10%) |
51.98 |
| Total |
571.78 |
Complex Table
Generic Invoice Table
| Product ID |
Product |
Description |
Quantity |
Unit Price |
Total |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Key |
Item |
Description |
2 times |
$25.99 |
51.98 |
| Subtotal |
519.80 |
| Taxes (10%) |
51.98 |
| Total |
571.78 |
Multiple Group
Known issue:
- Only supports horizontal highlighting, not vertical.
Working example
| 1 |
|
3 |
6 |
|
4 |
7 |
|
9 |
|
2 |
|
|
9 |
|
|
1 |
|
| 7 |
|
|
|
|
|
|
|
6 |
| 2 |
|
4 |
|
3 |
|
9 |
|
8 |
| |
|
|
|
|
|
|
|
|
| 5 |
|
|
9 |
|
7 |
|
|
1 |
| 6 |
|
|
|
5 |
|
|
|
2 |
|
|
|
|
7 |
|
|
|
|
| 9 |
|
|
8 |
|
2 |
|
|
5 |
Last modified: Monday, 26 August 2019, 11:45 AM
