HTML <tfoot> Tag

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