Table Component

Classes: .table, .table-hover, .table-bordered, .thead, .tbody, .tr, .th, .td

Features:

Example

Name Position Email Status
Alice Smith Designer alice@example.com Active
Bob Lee Developer bob@example.com Inactive
Charlie Kim PM charlie@example.com Active

Usage:

<table class="table table-bordered table-hover">
  <thead>
    <tr>
      <th>Name</th>
      <th>Position</th>
      <th>Email</th>
      <th>Status</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Alice Smith</td>
      <td>Designer</td>
      <td>alice@example.com</td>
      <td>Active</td>
    </tr>
    <tr>
      <td>Bob Lee</td>
      <td>Developer</td>
      <td>bob@example.com</td>
      <td>Inactive</td>
    </tr>
    <tr>
      <td>Charlie Kim</td>
      <td>PM</td>
      <td>charlie@example.com</td>
      <td>Active</td>
    </tr>
  </tbody>
</table>

Customization: