Tables
v-0.0.0
Default
| # | Name | Role | Status | |
|---|---|---|---|---|
| 1 | Alice Martin | alice@example.com | Designer | Active |
| 2 | Bruno Lefèvre | bruno@example.com | Developer | Pending |
| 3 | Chloé Dubois | chloe@example.com | Product | Active |
html
<table class="table">
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>Email</th>
<th>Role</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="#">1</td>
<td data-label="Name">Alice Martin</td>
<td data-label="Email">alice@example.com</td>
<td data-label="Role">Designer</td>
<td data-label="Status">Active</td>
</tr>
<tr>
<td data-label="#">2</td>
<td data-label="Name">Bruno Lefèvre</td>
<td data-label="Email">bruno@example.com</td>
<td data-label="Role">Developer</td>
<td data-label="Status">Pending</td>
</tr>
<tr>
<td data-label="#">3</td>
<td data-label="Name">Chloé Dubois</td>
<td data-label="Email">chloe@example.com</td>
<td data-label="Role">Product</td>
<td data-label="Status">Active</td>
</tr>
</tbody>
</table>