Skip to content

Tables

v-0.0.0

Default

#NameEmailRoleStatus
1Alice Martinalice@example.comDesignerActive
2Bruno Lefèvrebruno@example.comDeveloperPending
3Chloé Duboischloe@example.comProductActive
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>