HTML <tfoot> (table foot) Tag

<table>
<thead>
  <tr>
    <th>Heading</th>
    <th>Heading</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>Data</td>
    <td>Data</td>
  </tr>
</tbody>
<tfoot>
  <tr>
    <td>Foot data</td>
    <td>foot data</td>
  </tr>
</tfoot>
</table>

Meaning

The <tfoot> element is used to group footer content in an HTML table.

The <tfoot> element represents the block of rows that consist of the column summaries footers for the parent <table> element, if the <tfoot> element has a parent and it is a <table>.

Version: HTML 4, 4.01, 5

Standard Syntax

<tfoot>...</tfoot>

Browser Support

Status

Global Attributes

The <tfoot> element also supports the Global Attributes in HTML.

Event Attributes

The <tfoot> element also supports the Event Attributes in HTML.

By Default CSS Value(s)

Most of the browsers will display the <tfoot> element with the following by default value(s)

tfoot {
  display: table-footer-group;
  vertical-align: middle;
  border-color: inherit;
}