Tables
John |
1940-10-09 |
$9.99 |
Paul |
1942-06-18 |
$123.00 |
George |
1943-02-25 |
$7.00 |
Ringo |
1940-07-07 |
$0.00 |
<table>
<tr>
<th>John</th>
<td class="column--numeric">1940-10-09</td>
<td class="column--numeric">$9.99</td>
</tr>
<tr>
<th>Paul</th>
<td class="column--numeric">1942-06-18</td>
<td class="column--numeric">$123.00</td>
</tr>
<tr>
<th>George</th>
<td class="column--numeric">1943-02-25</td>
<td class="column--numeric">$7.00</td>
</tr>
<tr>
<th>Ringo</th>
<td class="column--numeric">1940-07-07</td>
<td class="column--numeric">$0.00</td>
</tr>
</table>
Header, footer
Name |
Date |
Amount |
John |
1940-10-09 |
$9.99 |
Paul |
1942-06-18 |
$123.00 |
George |
1943-02-25 |
$7.00 |
Ringo |
1940-07-07 |
$0.00 |
|
|
$139.99 |
<table>
<thead>
<tr>
<th>Name</th>
<th>Date</th>
<th>Amount</th>
</tr>
</thead>
<tbody>
<tr>
<th>John</th>
<td class="column--numeric">1940-10-09</td>
<td class="column--numeric">$9.99</td>
</tr>
<tr>
<th>Paul</th>
<td class="column--numeric">1942-06-18</td>
<td class="column--numeric">$123.00</td>
</tr>
<tr>
<th>George</th>
<td class="column--numeric">1943-02-25</td>
<td class="column--numeric">$7.00</td>
</tr>
<tr>
<th>Ringo</th>
<td class="column--numeric">1940-07-07</td>
<td class="column--numeric">$0.00</td>
</tr>
</tbody>
<tfoot>
<tr>
<th></th>
<th class="column--numeric"></th>
<th class="column--numeric">$139.99</th>
</tr>
</tfoot>
</table>
Caption, header, footer
People
Name |
Date |
Amount |
John |
1940-10-09 |
$9.99 |
Paul |
1942-06-18 |
$123.00 |
George |
1943-02-25 |
$7.00 |
Ringo |
1940-07-07 |
$0.00 |
|
|
$139.99 |
<table>
<caption>People</caption>
<thead>
<tr>
<th>Name</th>
<th>Date</th>
<th>Amount</th>
</tr>
</thead>
<tbody>
<tr>
<th>John</th>
<td class="column--numeric">1940-10-09</td>
<td class="column--numeric">$9.99</td>
</tr>
<tr>
<th>Paul</th>
<td class="column--numeric">1942-06-18</td>
<td class="column--numeric">$123.00</td>
</tr>
<tr>
<th>George</th>
<td class="column--numeric">1943-02-25</td>
<td class="column--numeric">$7.00</td>
</tr>
<tr>
<th>Ringo</th>
<td class="column--numeric">1940-07-07</td>
<td class="column--numeric">$0.00</td>
</tr>
</tbody>
<tfoot>
<tr>
<th></th>
<th class="column--numeric"></th>
<th class="column--numeric">$139.99</th>
</tr>
</tfoot>
</table>
Striped rows
John |
1940-10-09 |
$9.99 |
Paul |
1942-06-18 |
$123.00 |
George |
1943-02-25 |
$7.00 |
Ringo |
1940-07-07 |
$0.00 |
<table class="table--striped">
<tr>
<th>John</th>
<td class="column--numeric">1940-10-09</td>
<td class="column--numeric">$9.99</td>
</tr>
<tr>
<th>Paul</th>
<td class="column--numeric">1942-06-18</td>
<td class="column--numeric">$123.00</td>
</tr>
<tr>
<th>George</th>
<td class="column--numeric">1943-02-25</td>
<td class="column--numeric">$7.00</td>
</tr>
<tr>
<th>Ringo</th>
<td class="column--numeric">1940-07-07</td>
<td class="column--numeric">$0.00</td>
</tr>
</table>