Table

Tables for displaying tabular data.

Basic table

<table class="af-table">
  <thead>
    <tr>
      <th scope="col">
        Name
      </th>
      <th scope="col">
        Email
      </th>
      <th scope="col">
        Role
      </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        John Doe
      </td>
      <td>
        john@example.com
      </td>
      <td>
        Admin
      </td>
    </tr>
  </tbody>
</table>

Striped table

<table class="af-table af-table-striped">
  <!-- table content -->
</table>

Live example

Name	Email	Role
John Doe	john@example.com	Admin
Jane Smith	jane@example.com	User
Bob Johnson	bob@example.com	User

Product	Price	Stock
Item 1	$10	50
Item 2	$20	30
Item 3	$30	20