By using this site you agree to the use of cookies by Brugbart and our partners.

Learn more

HTML Tfoot Tag

Reference on the Tfoot element of HTML, including its useful example, a Tutorial of its use, and a list of allowed attributes.

Edited: 2014-12-28 07:12

The tfoot element, is used inside table elements, together with thead, and tbody, to group a table into sections. Usage of these elements, allow browsers to scroll the tbody, of otherwise potentially huge tables.

This element should be placed inside a table element.

This element must contain at least one table row.

This element should be placed before tbody, followed by one or more tbody elements.

Attributes

Attribute:Value:Description:
AttrsOther AttributesCommon, Event, I18n
cellhalignleft|center|right|justify|charhorizontal alignment in cells
cellvaligntop|middle|bottom|baselinevertical alignment in cells

Example

<table>
<thead>
  <tr>
   <td>Team</td>
   <td>Project</td>
   <td>Finished</td>
  </tr>
</thead>
<tfoot>
  <tr>
   <td>Totals:</td>
   <td>1</td>
   <td>of 3</td>
  </tr>
</tfoot>

</tbody>
  <tr>
   <td>Brugbart Webdesign</td>
   <td>MySQL and PHP</td>
   <td>no</td>
  </tr>
  <tr>
   <td>Jacob Kristensen</td>
   <td>HTML and CSS layout</td>
   <td>Yes</td>
  </tr>
  <tr>
   <td>Jacob Kristensen</td>
   <td>Search engine optimization</td>
   <td>no</td>
  </tr>
</tbody>
</table>

Brugbart Vision!