Data Table: Complex example
| Date | Meals | Hotels | Transport | Subtotals |
|---|---|---|---|---|
| San Jose | ||||
| 25-Aug-97 | 37.74 | 112.00 | 45.00 | |
| 26-Aug-97 | 27.28 | 112.00 | 45.00 | |
| subtotals | 65.02 | 224.00 | 90.00 | 379.02 |
| Seattle | ||||
| 27-Aug-97 | 96.25 | 109.00 | 36.00 | |
| 28-Aug-97 | 35.00 | 109.00 | 36.00 | |
| subtotals | 131.25 | 218.00 | 72.00 | 421.25 |
| Totals | 196.27 | 442.00 | 162.00 | 800.27 |
Example code:
<table border="1">
<caption>
Travel Expense Report</caption>
<tr>
<th id="header1">Date</th>
<th id="header2">Meals</th>
<th id="header3" >Hotels</th>
<th id="header4" >Transport</th>
<th id="header5" >Subtotals</th>
</tr>
<tr>
<th id="header6" >San Jose</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th id="header7" headers="header1" >25-Aug-97</th>
<td headers="header6 header7 header2">37.74</td>
<td headers="header6 header7 header3">112.00</td>
<td headers="header6 header7 header4">45.00</td>
<td>
</td>
</tr>
<tr>
<th id="header8" headers="header1" >26-Aug-97</th>
<td headers="header6 header8 header2">>27.28</td>
<td headers="header6 header8 header3">112.00</td>
<td headers="header6 header8 header4">45.00</td>
<td>
</td>
</tr>
<tr>
<th id="header20">subtotals</th>
<td headers="header6 header20 header2">
65.02</td>
<td headers="header6 header20 header3">
224.00</td>
<td headers="header6 header20 header4">
90.00</td>
<td headers="header6 header5">
379.02</td>
</tr>
<tr>
<th id="header10" >Seattle</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th id="header11" headers="header1"">27-Aug-97</th>
<td headers="header10 header11 header2">
96.25</td>
<td headers="header10 header11 header3">
109.00</td>
<td headers="header10 header11 header4">
36.00</td>
<td>
</td>
</tr>
<tr>
<th id="header12" headers="header1" >28-Aug-97</th>
<td headers="header10 header12 header2">35.00</td>
<td headers="header10 header12 header3">109.00</td>
<td headers="header10 header12 header4">36.00</td>
<td>
</td>
</tr>
<tr>
<th id="header21">subtotals</th>
<td headers="header10 header21 header2">131.25</td>
<td headers="header10 header21 header3">218.00</td>
<td headers="header10 header21 header4">72.00</td>
<td headers="header10 header5">421.25</td>
</tr>
<tr>
<th id="header30">Totals</th>
<td headers="header30 header2">196.27</td>
<td headers="header30 header3">442.00</td>
<td headers="header30 header4">162.00</td>
<td headers="header30 header4">800.27</td>
</tr>
</table>
<caption>
Travel Expense Report</caption>
<tr>
<th id="header1">Date</th>
<th id="header2">Meals</th>
<th id="header3" >Hotels</th>
<th id="header4" >Transport</th>
<th id="header5" >Subtotals</th>
</tr>
<tr>
<th id="header6" >San Jose</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th id="header7" headers="header1" >25-Aug-97</th>
<td headers="header6 header7 header2">37.74</td>
<td headers="header6 header7 header3">112.00</td>
<td headers="header6 header7 header4">45.00</td>
<td>
</td>
</tr>
<tr>
<th id="header8" headers="header1" >26-Aug-97</th>
<td headers="header6 header8 header2">>27.28</td>
<td headers="header6 header8 header3">112.00</td>
<td headers="header6 header8 header4">45.00</td>
<td>
</td>
</tr>
<tr>
<th id="header20">subtotals</th>
<td headers="header6 header20 header2">
65.02</td>
<td headers="header6 header20 header3">
224.00</td>
<td headers="header6 header20 header4">
90.00</td>
<td headers="header6 header5">
379.02</td>
</tr>
<tr>
<th id="header10" >Seattle</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th id="header11" headers="header1"">27-Aug-97</th>
<td headers="header10 header11 header2">
96.25</td>
<td headers="header10 header11 header3">
109.00</td>
<td headers="header10 header11 header4">
36.00</td>
<td>
</td>
</tr>
<tr>
<th id="header12" headers="header1" >28-Aug-97</th>
<td headers="header10 header12 header2">35.00</td>
<td headers="header10 header12 header3">109.00</td>
<td headers="header10 header12 header4">36.00</td>
<td>
</td>
</tr>
<tr>
<th id="header21">subtotals</th>
<td headers="header10 header21 header2">131.25</td>
<td headers="header10 header21 header3">218.00</td>
<td headers="header10 header21 header4">72.00</td>
<td headers="header10 header5">421.25</td>
</tr>
<tr>
<th id="header30">Totals</th>
<td headers="header30 header2">196.27</td>
<td headers="header30 header3">442.00</td>
<td headers="header30 header4">162.00</td>
<td headers="header30 header4">800.27</td>
</tr>
</table>