Summaries a Data Row 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.

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 Row Group in a Data Table

Applicability

Use with row data group on tables when summary information is present.

User Agent Issues

Not Available

Description of Technique

The objective of this technique is to separate the data group with their associative data summary group when the table have the option "hassum". This concept is similar as the "tfoot" definition but instead of having only one summary group, this technique allow to have multiple summary group. You can compare this technique of having the subtotal row group in an invoice.

A change in the width of the column header group may define a summary group if the column header group size is the same for each summary group.

The data group summary is qualify to be similar to their associative data group

The summary level for a summary group is the the same as the previous data row group, but any subsequent summary group is one level lower. The lowest summary level is Zero. The tfoot row group is assumed to be at the summary level 0.

Examples

Table 1

Table 1
Col Heading Col Heading Col Heading Col Heading Col Heading Col Heading Col Heading
Group A
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Summary Row Heading Data Data Data Data Data Data Data
Summary Row Heading Data Data Data Data Data Data Data
Group B
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Summary Row Heading Data Data Data Data Data Data Data
Summary Row Heading Data Data Data Data Data Data Data
  • Group A at level 2. The two last row (in gray) is a summary row group at level 2.
  • Group B at level 2. The two last row (in gray) is a summary row group at level 2.
Table Source Code

<table class="wet-boew-zebra hassum">
	<caption>Table 1</caption>
	<colgroup>
		<col />
	</colgroup>
	<colgroup>
		<col />
		<col />
		<col />
		<col />
		<col />
		<col />
		<col />
	</colgroup>
	<thead>
		<tr>
			<th></th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
		</tr>
	</thead>
	
	<tbody>
		<tr>
			<th colspan="8">Group A</th>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th>Summary Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Summary Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th colspan="8">Group B</th>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th>Summary Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Summary Row Heading</th>
			<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 2

Table 2
Col Heading Col Heading Col Heading Col Heading Col Heading Col Heading Col Heading
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Group A
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Summary Row Heading Data Data Data Data Data Data Data
Summary Row Heading Data Data Data Data Data Data Data
Summary Row Heading Data Data Data Data Data Data Data
Summary Row Heading Data Data Data Data Data Data Data
Summary Row Heading Data Data Data Data Data Data Data
Summary Row Heading Data Data Data Data Data Data Data
  • The row group A is summarized from the 2 fist summary row. (Level 2)
  • The two subsequent row is a summary group for the unamed group and the Group A. (Level 1)
  • The two last row is a summary group for the entired table. This one can be replaced with the group element "tfoot" but this would have any impact. (Level 0)
Table Source Code

<table class="wet-boew-zebra hassum">
	<caption>Table 2 - Two Data Row Group</caption>
	<colgroup>
		<col />
	</colgroup>
	<colgroup>
		<col />
		<col />
		<col />
		<col />
		<col />
		<col />
		<col />
	</colgroup>
	<thead>
		<tr>
			<th></th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
		</tr>
	</thead>
	
	<tbody>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th colspan="8">Group A</th>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th>Summary Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Summary Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th>Summary Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Summary Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th>Summary Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Summary Row Heading</th>
			<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 - Two data row group

Table 3 - Showing the relation between sub-total row group and total row group
Col Heading Col Heading Col Heading Col Heading Col Heading Col Heading Col Heading
Group A
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Sub-total Data Data Data Data Data Data Data
Group B
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Sub-total Data Data Data Data Data Data Data
Group B
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Sub-total Data Data Data Data Data Data Data
Total Data Data Data Data Data Data Data
  • The "Sub-Total" row group is at level 2.
  • The "Total" row group is at level 1.
Table Source Code

<table class="wet-boew-zebra hassum">
	<caption>Table 3 - Showing the relation between sub-total row group and total row group</caption>
	<colgroup>
		<col />
	</colgroup>
	<colgroup>
		<col />
		<col />
		<col />
		<col />
		<col />
		<col />
		<col />
	</colgroup>
	<thead>
		<tr>
			<th></th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
		</tr>
	</thead>
	
	<tbody>
		<tr>
			<th colspan="8">Group A</th>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th>Sub-total</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th colspan="8">Group B</th>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th>Sub-total</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th colspan="8">Group B</th>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th>Sub-total</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th>Total</th>
			<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 4 - Invoice

Table 4 - Generic Invoice Example
Product Description Price
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Sub-total 90 $
Taxes 10% 9 $
Total 99 $
Table Source Code

<table class="wet-boew-zebra hassum">
	<caption>Table 4 - Generic Invoice Example</caption>
	<colgroup>
		<col />
		<col />
	</colgroup>
	<colgroup>
		<col />
	</colgroup>
	<thead>
		<tr>
			<th>Product</th>
			<th>Description</th>
			<th>Price</th>
		</tr>
	</thead>
	
	<tbody>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th colspan="2">Sub-total</th>
			<td>90 $</td>
		</tr>
		<tr>
			<th>Taxes</th>
			<td>10%</td>
			<td>9 $</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th colspan="2">Total</th>
			<td>99 $</td>
		</tr>
	</tbody>
</table>

Resources

Related Techniques

Test

Procedure

  1. Check the relationship between the row summary group and their associated row data group.
  2. Each summary group must be contained in it's own row group (tbody)

Expected Result

  • #1 and #2 are true.

Test File 1

This Test File 1 fail this technique

Table 5
Product Description Price
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Sub-total 90 $
Taxes 10% 9 $
Total 99 $
Another Total 99 $
Table Source Code

<table class="wet-boew-zebra hassum">
	<caption>Table 5</caption>
	<colgroup>
		<col />
		<col />
	</colgroup>
	<colgroup>
		<col />
	</colgroup>
	<thead>
		<tr>
			<th>Product</th>
			<th>Description</th>
			<th>Price</th>
		</tr>
	</thead>
	
	<tbody>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th colspan="2">Sub-total</th>
			<td>90 $</td>
		</tr>
		<tr>
			<th>Taxes</th>
			<td>10%</td>
			<td>9 $</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th colspan="2">Total</th>
			<td>99 $</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th colspan="2">Another Total</th>
			<td>99 $</td>
		</tr>
	</tbody>
</table>

Test File 2

This Test File 2 pass this technique

Table 6
Product Description Price
Total 99 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Item Description of Item 10 $
Sub-total 90 $
Taxes 10% 9 $
Table Source Code

<table class="wet-boew-zebra hassum">
	<caption>Table 6</caption>
	<colgroup>
		<col />
		<col />
	</colgroup>
	<colgroup>
		<col />
	</colgroup>
	<thead>
		<tr>
			<th>Product</th>
			<th>Description</th>
			<th>Price</th>
		</tr>
	</thead>
	<tfoot>
		<tr>
			<th colspan="2">Total</th>
			<td>99 $</td>
		</tr>
	</tfoot>
	<tbody>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
		<tr>
			<th>Item</th>
			<td>Description of Item</td>
			<td>10 $</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th colspan="2">Sub-total</th>
			<td>90 $</td>
		</tr>
		<tr>
			<th>Taxes</th>
			<td>10%</td>
			<td>9 $</td>
		</tr>
	</tbody>
</table>

Test File 3

This Test File 3 fail this technique

Table 7
Col Heading Col Heading Col Heading Col Heading Col Heading Col Heading Col Heading
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Total Data
Table Source Code

<table class="wet-boew-zebra hassum">
	<caption>Table 7</caption>
	<colgroup>
		<col />
	</colgroup>
	<colgroup>
		<col />
		<col />
		<col />
		<col />
		<col />
		<col />
		<col />
	</colgroup>
	<thead>
		<tr>
			<th></th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
		</tr>
	</thead>
	
	<tbody>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th colspan="7">Total</th>
			<td>Data</td>
		</tr>
	</tbody>
</table>

Test File 4

This Test File 4 pass this technique

Table 8
Col Heading Col Heading Col Heading Col Heading Col Heading Col Heading Col Heading
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Row Heading Data Data Data Data Data Data Data
Total Data
Table Source Code

<table class="wet-boew-zebra hassum">
	<caption>Table 8</caption>
	<colgroup>
		<col />
	</colgroup>
	<colgroup>
		<col />
		<col />
		<col />
		<col />
		<col />
		<col />
		<col />
	</colgroup>
	<thead>
		<tr>
			<th></th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
			<th>Col Heading</th>
		</tr>
	</thead>
	
	<tbody>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
		<tr>
			<th>Row Heading</th>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
			<td>Data</td>
		</tr>
	<tbody>
	</tbody>
		<tr>
			<th colspan="7">Total</th>
			<td>Data</td>
		</tr>
	</tbody>
</table>