<tfoot>: The TFOOT Element
Last updated: 2026-10-13
<tfoot>The TFOOT Element
The table footer block wrapping summary rows (tr), usually totals; placed after tbody but rendered below.
| Category | Tables |
|---|---|
| Content Model | Flow content |
| Allowed Parents | Any element that accepts flow content |
| Content Tag | Yes — requires closing </tfoot> tag |
| Status | Standard |
📝 Syntax
<tfoot>
<tr><td>Total</td><td>...</td></tr>
</tfoot>▶ Example
Edit the code below and see the live result in the playground:
🌐 Browser Support
| Browser |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <tfoot> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Supported in all major browsers | |||||
Tip： tfoot may appear before tbody in source but is always rendered at the bottom.
❓ FAQ
QWhat is tfoot for?
A
<tfoot> holds the table's summary rows (totals, averages, notes). Semantically it marks footer data, completing thead/tbody/tfoot structure for screen readers; some browsers also repeat it on every printed page of long tables.QDoes tfoot repeat on every printed page of a long table?
Athead repetition is common print behavior; tfoot repetition support is inconsistent across browsers. For stable print output, control it with
@media print CSS or move summary info into a paragraph below the table.QMust tfoot be written last in the table?
AWrite it after thead/tbody in visual order; modern parsers handle source order as-is. The old allowance for tfoot first is history — follow normal order for clarity and zero ambiguity.
🏷️ Related Tags
💡 Related Cases
More case studies coming soon — check back later.
📚 Related Tutorials
