Column Highlight Table - Zebra striping - Web Experience Toolkit (WET)
Note:
Id/headers was omited in the source example.
Column Highlight with summary Table 1
With a "th
" layout cell at the top left corner and a "td
" layout cell at the summary intersection. hassumm
option is added.
Group Header
Summary
Header
Header
Header
Header
Header
Header
Header
Header
Row Group Heading
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Row Group Heading
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Row Group Heading
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Row Group Heading
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Source Code of Column Highlight with Summary Table 1
<table class="wet-boew-zebra columnhighlight hassum">
<caption>
<strong>Column Highlight with summary Table 1</strong>
<p>With a "<code>th</code>" layout cell at the top left corner and a "<code>td</code>" layout cell at the summary intersection. <code>hassumm</code> option is added.</p>
</caption>
<colgroup>
<col />
</colgroup>
<colgroup>
<col />
<col />
<col />
<col />
<col />
<col />
<col />
<col />
</colgroup>
<colgroup>
<col />
</colgroup>
<thead>
<tr>
<th rowspan="2"></th>
<th colspan="8">Group Header</th>
<th rowspan="2">Summary</th>
</tr>
<tr>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<th colspan="10">Row Group Heading</th>
</tr>
<tr>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
<tbody>
<tr>
<th colspan="10">Row Group Heading</th>
</tr>
<tr>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
<tbody>
<tr>
<th colspan="10">Row Group Heading</th>
</tr>
<tr>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
<tbody>
<tr>
<th colspan="10">Row Group Heading</th>
</tr>
<tr>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
</table>
Column Highlight with summary Table 2
With a "th
" layout cell at the top left corner, a "td
" layout cell at the summary intersection and with the option "norowheaderhighlight
" and "hassum
" set.
Group Header
Summary
Header
Header
Header
Header
Header
Header
Header
Header
Row Group Heading
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Row Group Heading
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Row Group Heading
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Row Group Heading
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Source Code of Column Highlight with Summary Table 2
<table class="wet-boew-zebra norowheaderhighlight columnhighlight hassum">
<caption>
<strong>Column Highlight with summary Table 2</strong>
<p>With a "<code>th</code>" layout cell at the top left corner, a "<code>td<c/ode>" layout cell at the summary intersection and with the option "<code>norowheaderhighlight</code>" and "<code>hassumm</code>" set.</p>
</caption>
<colgroup>
<col />
</colgroup>
<colgroup>
<col />
<col />
<col />
<col />
<col />
<col />
<col />
<col />
</colgroup>
<colgroup>
<col />
</colgroup>
<thead>
<tr>
<th rowspan="2"></th>
<th colspan="8">Group Header</th>
<th rowspan="2">Summary</th>
</tr>
<tr>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<th colspan="10">Row Group Heading</th>
</tr>
<tr>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
<tbody>
<tr>
<th colspan="10">Row Group Heading</th>
</tr>
<tr>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
<tbody>
<tr>
<th colspan="10">Row Group Heading</th>
</tr>
<tr>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
<tbody>
<tr>
<th colspan="10">Row Group Heading</th>
</tr>
<tr>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
</table>
Column Highlight with summary Table 3
With a "th
" layout cell at the top left corner, a "td
" layout cell at the summary intersection and with the option "nocolheaderhighlight
" and "hassum
" set.
Group Header
Summary
Header
Header
Header
Header
Header
Header
Header
Header
Row Group Heading
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Row Group Heading
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Row Group Heading
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Row Group Heading
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Table Source Code of Column Highlight with summary Table 3
<table class="wet-boew-zebra nocolheaderhighlight columnhighlight hassum">
<caption>
<strong>Column Highlight with summary Table 3</strong>
<p>With a "<code>th</code>" layout cell at the top left corner, a "<code>td</code>" layout cell at the summary intersection and with the option "<code>nocolheaderhighlight</code>" and "<code>hassum</code>" set.</p>
</caption>
<colgroup>
<col />
</colgroup>
<colgroup>
<col />
<col />
<col />
<col />
<col />
<col />
<col />
<col />
</colgroup>
<colgroup>
<col />
</colgroup>
<thead>
<tr>
<th rowspan="2"></th>
<th colspan="8">Group Header</th>
<th rowspan="2">Summary</th>
</tr>
<tr>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<th colspan="10">Row Group Heading</th>
</tr>
<tr>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
<tbody>
<tr>
<th colspan="10">Row Group Heading</th>
</tr>
<tr>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
<tbody>
<tr>
<th colspan="10">Row Group Heading</th>
</tr>
<tr>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
<tbody>
<tr>
<th colspan="10">Row Group Heading</th>
</tr>
<tr>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
</table>
Column Highlight with summary Table 4
With a "th
" layout cell at the top left corner, a "td
" layout cell at the summary intersection and with the option "noheaderhighlight
" and "hassumm
" set.
Group Header
Summary
Header
Header
Header
Header
Header
Header
Header
Header
Row Group Heading
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Row Group Heading
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Row Group Heading
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Row Group Heading
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Header
Data
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Summary
Data
Data
Data
Data
Data
Data
Data
Data
Table Source Code of Column Highlight with summary Table 4
<table class="wet-boew-zebra noheaderhighlight columnhighlight hassum">
<caption>
<strong>Column Highlight with summary Table 4</strong>
<p>With a "<code>th</code>" layout cell at the top left corner, a "<code>td</code>" layout cell at the summary intersection and with the option "<code>noheaderhighlight</code>" and "<code>hassumm</code>" set.</p>
</caption>
<colgroup>
<col />
</colgroup>
<colgroup>
<col />
<col />
<col />
<col />
<col />
<col />
<col />
<col />
</colgroup>
<colgroup>
<col />
</colgroup>
<thead>
<tr>
<th rowspan="2"></th>
<th colspan="8">Group Header</th>
<th rowspan="2">Summary</th>
</tr>
<tr>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<th colspan="10">Row Group Heading</th>
</tr>
<tr>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
<tbody>
<tr>
<th colspan="10">Row Group Heading</th>
</tr>
<tr>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
<tbody>
<tr>
<th colspan="10">Row Group Heading</th>
</tr>
<tr>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
<tbody>
<tr>
<th colspan="10">Row Group Heading</th>
</tr>
<tr>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<th>Header</th>
<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>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
<tbody>
<tr>
<th>Summary</th>
<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></td>
</tr>
</tbody>
</table>
Date modified: 2013-04-11