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

Attribute Definition
align Visual alignment.
Possible values:
  • left
  • center
  • right
  • justify
  • char
valign Vertical alignment.
Possible values:
  • top
  • middle
  • bottom
  • baseline
char Specifies a character to use for aligning text to. Used when align=char.
charoff Specifies an alignment offset (either in pixels or percentage value) against the first character as specified with the char attribute. Used when align=char

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

Desktop
Explorer Edge Chrome Firefox Opera Safari
YesYes11YesYes
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
YesYes4YesYesYes