HTML

Table with Thead Tbody Tfoot

Structure tabular data with thead, tbody, tfoot, and caption in HTML.

#table#beginner

Code

html

<table>
  <caption>Employee Salaries</caption>
  <thead>
    <tr>
      <th scope="col">Name</th>
      <th scope="col">Department</th>
      <th scope="col">Salary</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Alice</td>
      <td>Engineering</td>
      <td>$95,000</td>
    </tr>
    <tr>
      <td>Bob</td>
      <td>Sales</td>
      <td>$72,000</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Total</td>
      <td>$167,000</td>
    </tr>
  </tfoot>
</table>

All snippets