Tables

Basic table

PrimoCSS applies basic styling to the <table> adding padding to all <td> elements and borders to rows <tr>. <th> elements are given a bolder font-weight. All content is aligned to the left and can be overwritten by using the alignment utility classes e.g .u-align-right. All styles for tables can be found in _elements.tables.scss

Example
Month Savings
January £100
February £230
March £87
<table>
    <thead>
        <tr>
            <th>...</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>...</td>
        </tr>
    </tbody>
</table>