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>