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