Table: Color Variation

<table class="table">
    <caption>Table caption</caption>
    <thead>
        <tr class="primary">
            <th>Table Heading</th>
            <th>Table Heading</th>
            <th>Table Heading</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>Table Heading</th>
            <th>Table Heading</th>
            <th>Table Heading</th>
        </tr>
        <tr class="green">
            <td>Table Data</td>
            <td>Table Data</td>
            <td>Table Data</td>
        </tr>
        <tr class="blue center">
            <td>Table Data (center)</td>
            <td>Table Data (center)</td>
            <td>Table Data (center)</td>
        </tr>
        <tr class="orange">
            <td>Table Data</td>
            <td class="center">Table Data (center)</td>
            <td class="right">Table Data (right)</td>
        </tr>
        <tr class="red">
            <td>Table Data</td>
            <td class="center">Table Data (center)</td>
            <td class="right">Table Data (right)</td>
        </tr>
        <tr>
            <td class="green">Table Data</td>
            <td class="blue center">Table Data (center)</td>
            <td class="red right">Table Data (right)</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td class="orange">Table Footer</td>
            <td class="red">Table Footer</td>
            <td class="orange">Table Footer</td>
        </tr>
    </tfoot>
</table>

<br><br><br><br><br><br>

<table class="table primary">
    <caption>Table caption</caption>
    <thead>
        <tr>
            <th>Table Heading</th>
            <th>Table Heading</th>
            <th>Table Heading</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Table Data</td>
            <td>Table Data</td>
            <td>Table Data</td>
        </tr>
        <tr class="center">
            <td>Table Data (center)</td>
            <td>Table Data (center)</td>
            <td>Table Data (center)</td>
        </tr>
        <tr>
            <td>Table Data</td>
            <td class="center">Table Data (center)</td>
            <td class="right">Table Data (right)</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>Table Footer</td>
            <td>Table Footer</td>
            <td>Table Footer</td>
        </tr>
    </tfoot>
</table>

<br><br><br><br><br><br>

<table class="table blue">
    <caption>Table caption</caption>
    <thead>
        <tr>
            <th>Table Heading</th>
            <th>Table Heading</th>
            <th>Table Heading</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Table Data</td>
            <td>Table Data</td>
            <td>Table Data</td>
        </tr>
        <tr class="center">
            <td>Table Data (center)</td>
            <td>Table Data (center)</td>
            <td>Table Data (center)</td>
        </tr>
        <tr>
            <td>Table Data</td>
            <td class="center">Table Data (center)</td>
            <td class="right">Table Data (right)</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>Table Footer</td>
            <td>Table Footer</td>
            <td>Table Footer</td>
        </tr>
    </tfoot>
</table>

<br><br><br><br><br><br>

<table class="table green">
    <caption>Table caption</caption>
    <thead>
        <tr>
            <th>Table Heading</th>
            <th>Table Heading</th>
            <th>Table Heading</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Table Data</td>
            <td>Table Data</td>
            <td>Table Data</td>
        </tr>
        <tr class="center">
            <td>Table Data (center)</td>
            <td>Table Data (center)</td>
            <td>Table Data (center)</td>
        </tr>
        <tr>
            <td>Table Data</td>
            <td class="center">Table Data (center)</td>
            <td class="right">Table Data (right)</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>Table Footer</td>
            <td>Table Footer</td>
            <td>Table Footer</td>
        </tr>
    </tfoot>
</table>

<br><br><br><br><br><br>

<table class="table orange">
    <caption>Table caption</caption>
    <thead>
        <tr>
            <th>Table Heading</th>
            <th>Table Heading</th>
            <th>Table Heading</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Table Data</td>
            <td>Table Data</td>
            <td>Table Data</td>
        </tr>
        <tr class="center">
            <td>Table Data (center)</td>
            <td>Table Data (center)</td>
            <td>Table Data (center)</td>
        </tr>
        <tr>
            <td>Table Data</td>
            <td class="center">Table Data (center)</td>
            <td class="right">Table Data (right)</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>Table Footer</td>
            <td>Table Footer</td>
            <td>Table Footer</td>
        </tr>
    </tfoot>
</table>

<br><br><br><br><br><br>

<table class="table red">
    <caption>Table caption</caption>
    <thead>
        <tr>
            <th>Table Heading</th>
            <th>Table Heading</th>
            <th>Table Heading</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Table Data</td>
            <td>Table Data</td>
            <td>Table Data</td>
        </tr>
        <tr class="center">
            <td>Table Data (center)</td>
            <td>Table Data (center)</td>
            <td>Table Data (center)</td>
        </tr>
        <tr>
            <td>Table Data</td>
            <td class="center">Table Data (center)</td>
            <td class="right">Table Data (right)</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>Table Footer</td>
            <td>Table Footer</td>
            <td>Table Footer</td>
        </tr>
    </tfoot>
</table>