Summaries a Data Column Group in a Data Table - Web Experience Toolkit (WET)

Attention: Since WET 3.0.2

The default behaviour regarding the subsequent group has been changed because of backward compatibility issue and because of some use case. The option "hassum" is now required to apply this technique.

Note: Table Source Code Example

Id/Headers attribute, colgroup element and col element was omited intentionally for clarity.

Technique Author

Name: Pierre Dubois

Technique Information

Technology

HTML and XHTML Techniques

Guidelines Reference

Success Criterion 1.3.1 (Info and Relationships)

Technique Title

Summaries a Data Column Group in a Data Table

Applicability

Use with column data group on data table when summary information is present.

User Agent Issues

Not Available

Description of Technique

The objective of this technique is to separate the data column group with their associative data summary column group. This concept is similar as the "tfoot" definition and the row group summary.

A data table need to have column header cell and have the option "hassum" set to define a column summary group.

The column group level is calculated based on the highest row that would identify the data group with the summary group. The level of the column data group is calculated based on their associate column summary group.

By default, With the option "hassum" set, if there is only one row of column header cell, the first data column group is at level 1. If a table contain for example 3 group (excluding the column header group), the first one is a data group at level 1, the seconde one is a summary group at level 1 and the third one is a summary group at level 0. No other group can exist after the summary column group at level 0 is reached.

For the best tabular data representation is recommended to be consistant in the column heading structure.

A column cell heading that cover a data group and a summary group is called a group header cell. Each group header cell start on the begin of a column group and end to his associated summary or before.

Normally a data column group is larger (Contain more cell) than his associated summary group

Examples

Table 1

Table 1
1 - Col Header 2 - Col Header 3 - Col Header 4 - Col Header 5 - Col Header 6 - Col 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
  • The column 1, 2, 3 is a data group column at level 1
  • The column 4, 5 is a summary group column at level 1
  • The column 6 is a summary group column at level 0
Table Source Code
<table class="wet-boew-zebra hassum">
	<caption>Table 1</caption>
	<colgroup>
		<col />
		<col />
		<col />
	</colgroup>
	<colgroup>
		<col />
		<col />
	</colgroup>
	<colgroup>
		<col />
	</colgroup>
	
	<thead>
		<tr>
			<th>1 - Col Header</th>
			<th>2 - Col Header</th>
			<th>3 - Col Header</th>
			<th>4 - Col Header</th>
			<th>5 - Col Header</th>
			<th>6 - Col Header</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
</table>

Table 2

Table 2
1 - Col Header 2 - Col Header
3 - Col Header 4 - Col Header 5 - Col Header 6 - Col Header 7 - Col Header 8 - Col Header 9 - Col Header 10 - Col 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
  • The column 1 and 2 is a column group header at level 1
  • The column 3, 4, 5, 7, 8, 9 is in data column group at level 2
  • The column 6 and 10 is a summary column group at level 2
Table Source Code
<table class="wet-boew-zebra hassum">
	<caption>Table 2</caption>
	<colgroup>
		<col />
		<col />
		<col />
	</colgroup>
	<colgroup>
		<col />
	</colgroup>
	<colgroup>
		<col />
		<col />
		<col />
	</colgroup>
	<colgroup>
		<col />
	</colgroup>
	
	<thead>
		<tr>
			<th colspan="4">1 - Col Header</th>
			<th colspan="4">2 - Col Header</th>
		<tr>
			<th>3 - Col Header</th>
			<th>4 - Col Header</th>
			<th>5 - Col Header</th>
			<th>6 - Col Header</th>
			<th>7 - Col Header</th>
			<th>8 - Col Header</th>
			<th>9 - Col Header</th>
			<th>10 - Col Header</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
</table>

Table 3

Table 3
1 - Col Header 2 - Col Header 3 - Col Header
4 - Col Header 5 - Col Header 6 - Col Header 7 - Col Header 8 - Col Header 9 - Col Header 10 - Col Header 11 - Col 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
  • The Column 1, 2, 4, 5, 6, 7, 8, 9, 10 and 11 is in a data group column at level 1
  • The Column 3 is in summary column group at level 1
Table Source Code
<table class="wet-boew-zebra hassum">
	<caption>Table 3</caption>
	<colgroup>
		<col />
		<col />
		<col />
		<col />
		<col />
		<col />
		<col />
		<col />
	</colgroup>
	<colgroup>
		<col />
	</colgroup>
	
	<thead>
		<tr>
			<th colspan="4">1 - Col Header</th>
			<th colspan="4">2 - Col Header</th>
			<th rowspan="2">3 - Col Header</th>
		<tr>
			<th>4 - Col Header</th>
			<th>5 - Col Header</th>
			<th>6 - Col Header</th>
			<th>7 - Col Header</th>
			<th>8 - Col Header</th>
			<th>9 - Col Header</th>
			<th>10 - Col Header</th>
			<th>11 - Col Header</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
</table>

Resources

Related Techniques

Test

Procedure

  1. Check the relationship between the column summary group and their associated data column group.
  2. Each summary group at level 2 and more would have a group header cell

Expected Result

  • #1 and #2 are true.

Test File 1

This Test File 1 pass this technique

Table 4
1 - Col Header 2 - Col Header
3 - Col Header 4 - Col Header 5 - Col Header 6 - Col Header 7 - Col Header 8 - Col Header 9 - Col Header 10 - Col 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
Table Source Code
<table class="wet-boew-zebra hassum">
	<caption>Table 4</caption>
	<colgroup>
		<col />
		<col />
		<col />
		<col />
	</colgroup>
	<colgroup>
		<col />
		<col />
	</colgroup>
	<colgroup>
		<col />
		<col />
	</colgroup>
	
	<thead>
		<tr>
			<th colspan="4">1 - Col Header</th>
			<th colspan="4">2 - Col Header</th>
		<tr>
			<th>3 - Col Header</th>
			<th>4 - Col Header</th>
			<th>5 - Col Header</th>
			<th>6 - Col Header</th>
			<th>7 - Col Header</th>
			<th>8 - Col Header</th>
			<th>9 - Col Header</th>
			<th>10 - Col Header</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
</table>

Test File 2

This Test File 2 fail this technique

Table 5
1 - Col Header 2 - Col Header
3 - Col Header 4 - Col Header 5 - Col Header 6 - Col Header 7 - Col Header 8 - Col Header 9 - Col Header 10 - Col 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
Table Source Code
<table>
	<caption>Table 5</caption>
	<colgroup>
		<col />
		<col />
		<col />
		<col />
		<col />
		<col />
	</colgroup>
	<colgroup>
		<col />
		<col />
	</colgroup>
	
	<thead>
		<tr>
			<th colspan="4">1 - Col Header</th>
			<th colspan="4">2 - Col Header</th>
		<tr>
			<th>3 - Col Header</th>
			<th>4 - Col Header</th>
			<th>5 - Col Header</th>
			<th>6 - Col Header</th>
			<th>7 - Col Header</th>
			<th>8 - Col Header</th>
			<th>9 - Col Header</th>
			<th>10 - Col Header</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
</table>

Test File 3

This Test File 3 pass this technique

Table 6
Heading - A Heading - B Heading - C
Heading - AA Heading - AB Heading - BA Heading - BB Heading - CA Heading - CB
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Table Source Code

<table class="wet-boew-zebra hassum">
	<caption>Table 6</caption>
	<colgroup span="6"></colgroup>
    <thead>
    	<tr>
        	<th colspan="2">Heading - A</th>
        	<th colspan="2">Heading - B</th>
        	<th colspan="2">Heading - C</th>
        </tr>

    	<tr>
        	<th>Heading - AA</th>
            <th>Heading - AB</th>
            <th>Heading - BA</th>
            <th>Heading - BB</th>
            <th>Heading - CA</th>
            <th>Heading - CB</th>
        </tr>
    </thead>
    
    <tbody>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
    </tbody>
</table>

Test File 4

This Test File 4 fail this technique

Table 7
Heading - A Heading - B Heading - C
Heading - AA Heading - AB Heading - BA Heading - BB Heading - CA Heading - CB
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Table Source Code
<table class="wet-boew-zebra hassum">
	<caption>Table 7</caption>
	<colgroup span="5"></colgroup>
	<colgroup></colgroup>
    <thead>
    	<tr>
        	<th colspan="2">Heading - A</th>
        	<th colspan="2">Heading - B</th>
        	<th colspan="2">Heading - C</th>
        </tr>

    	<tr>
        	<th>Heading - AA</th>
            <th>Heading - AB</th>
            <th>Heading - BA</th>
            <th>Heading - BB</th>
            <th>Heading - CA</th>
            <th>Heading - CB</th>
        </tr>
    </thead>
    
    <tbody>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
    </tbody>
</table>

Test File 5

This Test File 5 pass this technique

Table 8
Heading - A Heading - B Heading - C
Heading - AA Heading - AB Heading - BA Heading - BB Heading - CA Heading - CB
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Table Source Code
<table class="wet-boew-zebra hassum">
	<caption>Table 8</caption>
	<colgroup span="4"></colgroup>
	<colgroup></colgroup>
	<colgroup></colgroup>
    <thead>
    	<tr>
        	<th colspan="2">Heading - A</th>
        	<th colspan="2">Heading - B</th>
        	<th colspan="2">Heading - C</th>
        </tr>

    	<tr>
        	<th>Heading - AA</th>
            <th>Heading - AB</th>
            <th>Heading - BA</th>
            <th>Heading - BB</th>
            <th>Heading - CA</th>
            <th>Heading - CB</th>
        </tr>
    </thead>
    
    <tbody>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
    </tbody>
</table>

Test File 6

This Test File 6 pass this technique

Table 9
Heading - A Heading - B Heading - C
Heading - AA Heading - AB Heading - BA Heading - BB Heading - CA Heading - CB
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Table Source Code
<table class="wet-boew-zebra hassum">
	<caption>Table 9</caption>
	<colgroup span="4"></colgroup>
	<colgroup span="2"></colgroup>
    <thead>
    	<tr>
        	<th colspan="2">Heading - A</th>
        	<th colspan="2">Heading - B</th>
        	<th colspan="2">Heading - C</th>
        </tr>

    	<tr>
        	<th>Heading - AA</th>
            <th>Heading - AB</th>
            <th>Heading - BA</th>
            <th>Heading - BB</th>
            <th>Heading - CA</th>
            <th>Heading - CB</th>
        </tr>
    </thead>
    
    <tbody>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
    </tbody>
</table>

Test File 7

This Test File 7 fail this technique

Table 10
Heading - A Heading - B Heading - C
Heading - AA Heading - AB Heading - BA Heading - BB Heading - CA Heading - CB
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Table Source Code
<table class="wet-boew-zebra hassum">
	<caption>Table 10</caption>
	<colgroup span="3"></colgroup>
	<colgroup span="3"></colgroup>
    <thead>
    	<tr>
        	<th colspan="2">Heading - A</th>
        	<th colspan="2">Heading - B</th>
        	<th colspan="2">Heading - C</th>
        </tr>

    	<tr>
        	<th>Heading - AA</th>
            <th>Heading - AB</th>
            <th>Heading - BA</th>
            <th>Heading - BB</th>
            <th>Heading - CA</th>
            <th>Heading - CB</th>
        </tr>
    </thead>
    
    <tbody>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
    </tbody>
</table>

Test File 8

This Test File 8 pass this technique

Table 11
Heading - A Heading - B Heading - C
Heading - AA Heading - AB Heading - BA Heading - BB Heading - CA Heading - CB
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Table Source Code
<table class="wet-boew-zebra hassum">
	<caption>Table 11</caption>
	<colgroup span="2"></colgroup>
	<colgroup span="4"></colgroup>
    <thead>
    	<tr>
        	<th colspan="2">Heading - A</th>
        	<th colspan="2">Heading - B</th>
        	<th colspan="2">Heading - C</th>
        </tr>

    	<tr>
        	<th>Heading - AA</th>
            <th>Heading - AB</th>
            <th>Heading - BA</th>
            <th>Heading - BB</th>
            <th>Heading - CA</th>
            <th>Heading - CB</th>
        </tr>
    </thead>
    
    <tbody>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
    </tbody>
</table>

Test File 9

This Test File 9 fail this technique

Table 12
Heading - A Heading - B Heading - C
Heading - AA Heading - AB Heading - BA Heading - BB Heading - CA Heading - CB
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Table Source Code
<table class="wet-boew-zebra hassum">
	<caption>Table 12</caption>
	<colgroup span="1"></colgroup>
	<colgroup span="5"></colgroup>
    <thead>
    	<tr>
        	<th colspan="2">Heading - A</th>
        	<th colspan="2">Heading - B</th>
        	<th colspan="2">Heading - C</th>
        </tr>

    	<tr>
        	<th>Heading - AA</th>
            <th>Heading - AB</th>
            <th>Heading - BA</th>
            <th>Heading - BB</th>
            <th>Heading - CA</th>
            <th>Heading - CB</th>
        </tr>
    </thead>
    
    <tbody>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
    </tbody>
</table>

Test File 10

This Test File 10 pass this technique

Table 13
Heading - A Heading - B Heading - C
Heading - AA Heading - AB Heading - BA Heading - BB Heading - CA Heading - CB
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Table Source Code
<table class="wet-boew-zebra hassum">
	<caption>Table 13</caption>
	<colgroup span="2"></colgroup>
	<colgroup span="2"></colgroup>
	<colgroup span="2"></colgroup>
    <thead>
    	<tr>
        	<th colspan="2">Heading - A</th>
        	<th colspan="2">Heading - B</th>
        	<th colspan="2">Heading - C</th>
        </tr>

    	<tr>
        	<th>Heading - AA</th>
            <th>Heading - AB</th>
            <th>Heading - BA</th>
            <th>Heading - BB</th>
            <th>Heading - CA</th>
            <th>Heading - CB</th>
        </tr>
    </thead>
    
    <tbody>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
    </tbody>
</table>

Test File 11

This Test File 11 pass this technique

Table 14
Heading - A Heading - B Heading - C
Heading - AA Heading - AB Heading - BA Heading - BB Heading - CA Heading - CB
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Data - C1 Data - C2 Data - C3 Data - C4 Data - C5 Data - C6
Table Source Code
<table class="wet-boew-zebra hassum">
	<caption>Table 14</caption>
	<colgroup></colgroup>
	<colgroup></colgroup>
	<colgroup></colgroup>
	<colgroup></colgroup>
	<colgroup></colgroup>
	<colgroup></colgroup>
    <thead>
    	<tr>
        	<th colspan="2">Heading - A</th>
        	<th colspan="2">Heading - B</th>
        	<th colspan="2">Heading - C</th>
        </tr>

    	<tr>
        	<th>Heading - AA</th>
            <th>Heading - AB</th>
            <th>Heading - BA</th>
            <th>Heading - BB</th>
            <th>Heading - CA</th>
            <th>Heading - CB</th>
        </tr>
    </thead>
    
    <tbody>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
        <tr>
            <td>Data - C1</td>
            <td>Data - C2</td>
            <td>Data - C3</td>
            <td>Data - C4</td>
            <td>Data - C5</td>
            <td>Data - C6</td>
        </tr>
    </tbody>
</table>