Table: Sortable

<div class="vaux-table vaux-table--sortable vaux-table--borderless">
    <table role="grid" tabindex="0" data-sortable>
        <caption class="usa-sr-only">An Example Table</caption>
        <thead>
            <tr role="row">
                <th class="active" tabindex="0" data-sorted="true" data-sorted-direction="descending">Date/Time</th>
                <th tabindex="0">BP</th>
                <th tabindex="0">Pulse</th>
                <th tabindex="0">Resp</th>
                <th tabindex="0">Temp</th>
                <th tabindex="0">Weight</th>
                <th tabindex="0">Pain</th>
                <th tabindex="0">Pulse 02</th>
            </tr>
        </thead>
        <tbody>
            <tr role="row">
                <th tabindex="0">
                    08/10/2016<br> 12:36
                </th>
                <td role="gridcell" tabindex="0">129/92</td>
                <td role="gridcell" tabindex="0">89</td>
                <td role="gridcell" tabindex="0">16</td>
                <td role="gridcell" tabindex="0">98.9</td>
                <td role="gridcell" tabindex="0">140</td>
                <td role="gridcell" tabindex="0">4</td>
                <td role="gridcell" tabindex="0">-</td>
            </tr>
            <tr role="row">
                <th tabindex="0">
                    09/15/2016<br> 05:16
                </th>
                <td role="gridcell" tabindex="0">132/82</td>
                <td role="gridcell" tabindex="0">85</td>
                <td role="gridcell" tabindex="0">17</td>
                <td role="gridcell" tabindex="0">98.8</td>
                <td role="gridcell" tabindex="0">150</td>
                <td role="gridcell" tabindex="0">1</td>
                <td role="gridcell" tabindex="0">-</td>
            </tr>
            <tr role="row">
                <th tabindex="0">
                    10/10/2016<br> 08:06
                </th>
                <td role="gridcell" tabindex="0">138/92</td>
                <td role="gridcell" tabindex="0">82</td>
                <td role="gridcell" tabindex="0">18</td>
                <td role="gridcell" tabindex="0">98.5</td>
                <td role="gridcell" tabindex="0">160</td>
                <td role="gridcell" tabindex="0">3</td>
                <td role="gridcell" tabindex="0">-</td>
            </tr>
            <tr role="row">
                <th tabindex="0">
                    12/19/2016<br> 09:54
                </th>
                <td role="gridcell" tabindex="0">129/72</td>
                <td role="gridcell" tabindex="0">60</td>
                <td role="gridcell" tabindex="0">15</td>
                <td role="gridcell" tabindex="0">98.4</td>
                <td role="gridcell" tabindex="0">130</td>
                <td role="gridcell" tabindex="0">2</td>
                <td role="gridcell" tabindex="0">-</td>
            </tr>
        </tbody>
    </table>
</div>