bulma-sticky-table

A Bulma-friendly way to stick a table header, table footer, first column, or all three!

Grab the SCSS from GitHub

Example Table

Depending on the size of your screen, you may have to resize your browser window.

<table class="table has-sticky-header has-sticky-footer has-sticky-column">
<thead>
<tr>
  <th> Header cells must all be th </th>
  <th> ... </th>
</tr>
</thead>
<tbody>
<tr>
  <th> First column must be a th </th>
  <td> ... </td>
</tr>
</tbody>
<tfoot>
<tr>
  <th> Footer cells must all be th </th>
  <th> ... </th>
</tr>
</tfoot>
</table>

Table Class Toggles