: The TFOOT Element
Last updated: 2026-09-12
<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.
🏷️ Related Tags
💡 Related Cases
More case studies coming soon — check back later.
📚 Related Tutorials
🙏 帮我们做得更好
我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……
如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏
| Category | Tables |
|---|---|
| Content Model | Flow content |
| Allowed Parents | Any element that accepts flow content |
| Content Tag | Yes — requires closing </tfoot> tag |
| Status | Standard |
<tfoot>
<tr><td>Total</td><td>...</td></tr>
</tfoot>| Browser | |||||
|---|---|---|---|---|---|
| <tfoot> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Supported in all major browsers | |||||
🙏 帮我们做得更好
我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……
如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏
如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏