Simple Grouping Table - Zebra striping - Web Experience Toolkit (WET)

Example without any headers

The following Sudoku table example was taken from the HTML5 Specification - 4.9.1 The table element - revision 1.5697.

The class columnhighlight is used in combinaison of the class wet-boew-zebra

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

Column Headers, Multiple Row Group

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
With the class vectorstripe
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
With the class columnhighlight
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
With the class columnhighlight and the class vectorstripe
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

Row Headers, Multiple Column Group

Header Data Data Data Data Data Data Data Data
Header Data Data Data Data Data Data Data Data
Header Data Data Data Data Data Data Data Data
Header Data Data Data Data Data Data Data Data
Header Data Data Data Data Data Data Data Data
Header Data Data Data Data Data Data Data Data
With the class columnhighlight
Header Data Data Data Data Data Data Data Data
Header Data Data Data Data Data Data Data Data
Header Data Data Data Data Data Data Data Data
Header Data Data Data Data Data Data Data Data
Header Data Data Data Data Data Data Data Data
Header Data Data Data Data Data Data Data Data
With the class columnhighlight and vectorstripe
Header Data Data Data Data Data Data Data Data
Header Data Data Data Data Data Data Data Data
Header Data Data Data Data Data Data Data Data
Header Data Data Data Data Data Data Data Data
Header Data Data Data Data Data Data Data Data
Header Data Data Data Data Data Data Data Data