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
| 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
| 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
| 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
| 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
- HTML Table Validator (With ids/headers/aria-describedby auto assignation)
- About the Table Usability Concept
- Extended definition of HTML5 table elements
- All the resources
Related Techniques
- H51: Using table markup to present tabular information
- H39: Using caption elements to associate data table captions with data tables
- H73: Using the summary attribute of the table element to give an overview of data tables
- H63: Using the scope attribute to associate header cells and data cells in data tables
- H43: Using id and headers attributes to associate data cells with header cells in data tables
- H79: Identifying the purpose of a link using link text combined with its enclosing table cell and associated table headings
- F34: Failure of Success Criterion 1.3.1 and 1.3.2 due to using white space characters to format tables in plain text content
- F49: Failure of Success Criterion 1.3.2 due to using an HTML layout table that does not make sense when linearized
- F46: Failure of Success Criterion 1.3.1 due to using th elements, caption elements, or non-empty summary attributes in layout tables
- G57: Ordering the content in a meaningful sequence
Test
Procedure
- Check the relationship between the row summary group and their associated row data group.
- 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
| 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
| 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
| 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
| 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>- Date modified: