Row groups (<thead>, <tbody>, <tfoot>)

Table grouping via <thead>, <tbody> and <tfoot> is used to give more information about columns that follow.

The browsers might render independent scrolling of these table bodies and with long tables the table header and footer might be repeated on each page with the table's data.

Syntax:

<table><thead><tr><td></td></tr></thead><tfoot><tr><td></td></tr></tfoot><tbody><tr><td></td></tr></tbody></table>

Attributes:

id, class (document-wide identifiers)
lang (language information), dir (text direction)
title (element title)
style (inline style information)
align, char, charoff, valign (cell alignment)
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (intrinsic events)

Example

HTML row grouping elements:

<html>

<head>
<title>HTML tutorial</title>
</head> 

<body>

<table cellspacing="1" border="2px">
<thead style="color:#ddd; background-color:#222; text-align:center;">
<tr>
<td>Groceries:</td>
</tr>
</thead>
<tfoot style="background-color:#ccc; font-size:80%;">
<tr>
<td>2012-05-30</td>
</tr>
</tfoot>

<tbody>
<tr>
<td>Lemons</td>
<td>Milk</td>
<td>Bread</td>
</tr>
<tr>
<td>$1.25</td>
<td>$2.00</td>
<td>$1.55</td>
</tr>
</tbody>

</table>

</body>

</html>

›› go to examples ››

Row groups (<thead>, <tbody>, <tfoot>)

Syntax:

Attributes:

Example

HTML row grouping elements:

Comments

About

Contact

Get Connected