<table>
The <table> element represents tabular data arranged in rows and columns. Use <thead>, <tbody>, and <tfoot> for structure, and <th scope="col"> or <th scope="row"> to associate header cells with data cells for screen readers.
Basic Table
live preview
editable html
<table>
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>Role</th>
</tr>
</thead>
<tbody>
<tr>
<td>John Doe</td>
<td>john@example.com</td>
<td>Admin</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>jane@example.com</td>
<td>User</td>
</tr>
</tbody>
</table>
For .striped table styles, see Table Variants.