Tables¶

Basic table¶

Semantic <table> elements are styled automatically:

Column 1	Column 2	Column 3
Data	Data	Data
Data	Data	Data

<table>
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Data</td>
      <td>Data</td>
    </tr>
  </tbody>
</table>

Responsive tables¶

Wrap wide tables in .table-wrapper for horizontal scrolling on small screens:

<div class="table-wrapper">
  <table>...</table>
</div>