We are working on something new! Check it out here!

Basic Table

Modifiers

  • .table-sm - Small table
  • .table-lg - Large table
  • .table-striped - Zebra striped table
  • .table-bordered - Borders between rows
  • .table-hover - Highlight table row on hover

Example

Yummie Much
Gingerbread 9
Jelly-o 8
Apple pie 10
Candy canes I love muffin
<table class="table table-striped table-hover">
    <thead>
        <tr>
            <th>Yummie</th>
            <th>Much</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Gingerbread</td>
            <td>9</td>
        </tr>
        <tr>
            <td>Jelly-o</td>
            <td>8</td>
        </tr>
        <tr>
            <td>Apple pie</td>
            <td>10</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="3"><small>Candy canes I love muffin</small></td>
        </tr>
    </tfoot>
</table>
Source file: ~/source/sass/components/table/_table.scss