Tables

Default tables

Column 1 Column 2
Cell 1-1 Cell 1-2
Cell 2-1 Cell 2-2
<table class="mui-table">
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Cell 1-1</td>
      <td>Cell 1-2</td>
    </tr>
    <tr>
      <td>Cell 2-1</td>
      <td>Cell 2-2</td>
    </tr>
  </tbody>
</table>
View in new tab »

Bordered tables

To add borders use the .mui-table--bordered class:

Column 1 Column 2
Cell 1-1 Cell 1-2
Cell 2-1 Cell 2-2
<table class="mui-table mui-table--bordered">
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Cell 1-1</td>
      <td>Cell 1-2</td>
    </tr>
    <tr>
      <td>Cell 2-1</td>
      <td>Cell 2-2</td>
    </tr>
  </tbody>
</table>
View in new tab »
« Previous Next »