<tfoot>

The tfoot tag, or Table Foot element, groups footer content in a <table>.

Syntax

Similar to an HTML document, the <tfoot> tag is used (like <footer>) within the <tbody> tag and with a header (<thead>) to designate each part of a table. The <tfoot> tag must have one or more <tr> tags.

<table>
  <thead>
    <tr>
      <th>This is the heading for the first column</th>
      <th>This is the heading for the second column</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>First column contents</td>
      <td>Second column contents</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>First column footer</td>
      <td>Second column footer</td>
    </tr>
  </tfoot>
</table>

Browser Compatibilty

Demos

Have a code example of <tfoot>? Submit a codepen.io demo and we'll showcase it here ↴