Table

Tables for structured data

Basic Table

Name	Email	Role
John Doe	max@example.com	Admin
Jane Smith	anna@example.com	User

HTML

<table class="bl-table">
  <thead>
    <tr>
      <th class="bl-table-head">Name</th>
      <th class="bl-table-head">Email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John Doe</td>
      <td>max@example.com</td>
    </tr>
  </tbody>
</table>

Variants

CSS Classes

.bl-table-striped    /* Striped rows */
.bl-table-bordered  /* With border */
.bl-table-hover     /* Hover effect */