HTML <tfoot> Tag

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

Description

The <tfoot> HTML element represents the "footer" of the table and is displayed at the bottom of the table. Designed for information about table columns.
The <thead>, <tfoot> and <tbody> sections must contain the same number of columns and at least one line, which is defined through the <tr> element.
Only one <tfoot> element is allowed in a table.

Properties

Permitted Parents
A <table> element. The <tfoot> must appear after any <caption>, <colgroup>, <thead>, <tbody>, or <tr> element. Note that this is the requirement as of HTML5.
Content
<tr>
Start/End Tags
Start tag: required, End tag: required

Example

<table border = "1">
<thead>
<tr><td colspan="2">Table Header (thead)</td></tr>
</thead>
<tfoot>
<tr><td colspan="2">Table Footer (tfoot)</td></tr>
</tfoot>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
<tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
<tr>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
</tbody>
</table>

Attributes

None

Global Attributes

The <tfoot> tag also supports the Global Attributes in HTML5

Event Attributes

The <tfoot> tag also supports the Event Attributes in HTML5

Browser Support

The following table will show you the current browser support for the HTML <tfoot> tag.

Desktop
Edge Chrome Firefox Opera Safari
121112.11
Tablets / Mobile
Chrome Firefox Opera Safari Samsung Webview
18412.1114.4

Last updated by CSSPortal on: 30th March 2024