- Skip to main content
- Skip to footer

# Simple Grouping Table

- Documentation
- Questions or comments?

## 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

Date modified:
  2013-04-11