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
NoneGlobal 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 | |||||
![]() |
![]() |
![]() |
![]() |
![]() |
|
| 12 | 1 | 1 | 12.1 | 1 | |
| Tablets / Mobile | |||||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
| 18 | 4 | 12.1 | 1 | 1 | 4.4 |
Last updated by CSSPortal on: 30th March 2024






