Skupiny řádků

Neřeknete-li jinak, je tabulka tvořena homogenní sítí buněk bez jakéhokoli členění. Vy ovšem můžete říci jinak a rozdělit její řádky do skupin, kterým pak lze přidělit speciální vzhled pomocí CSS. Případně atributem rules="groups" u prvku <table> předepsat, že uvnitř tabulky mají být čarami odděleny jen celé skupiny.

HTML zavádí pro shlukování řádků tři prvky: <thead> pro záhlaví, <tfoot> pro zápatí a <tbody> pro skupinu řádků v těle tabulky. Na rozdíl od sloupců se nepíší předem, ale přímo obalují (obsahují) odpovídající řádky. Obsahem každého z těchto prvků je alespoň jeden řádek.

Každá tabulka může mít nanejvýš jeden <thead>, libovolný počet <tbody> a nanejvýš jeden <tfoot>. Jak názvy napovídají, <thead> obsahuje záhlaví, čili zpravidla názvy sloupců, <tbody> vlastní obsah tabulky a <tfoot> zápatí, například součty hodnot v jednotlivých sloupcích. <tbody> se může vyskytovat několikrát a vytvoří tak v těle tabulky několik skupin řádků.

Pokud tyto prvky chybí, nic se neděje a prohlížeč automaticky zabalí všechny řádky (prvky <tr>) do jednoho společného <tbody>.

Udělejme si tabulku, kde budou výnosy a náklady seskupeny po čtvrtletích:

<table border="1" rules="groups">
<thead>
  <tr><th>Měsíc</th> <th>Výnosy</th><th>Náklady</th></tr>
</thead>
<tbody>
  <tr><th>Leden</th> <td>12360</td> <td>8619</td>   </tr>
  <tr><th>Únor</th>  <td>9833</td>  <td>6587</td>   </tr>
  <tr><th>Březen</th><td>14209</td> <td>10318</td>  </tr>
</tbody>
<tbody>
  <tr><th>Duben</th> <td>12203</td><td>9987</td></tr>
  <tr><th>Květen</th><td>15007</td><td>11315</td></tr>
  <tr><th>Červen</th><td>10505</td><td>8432</td></tr>
</tbody>
<tfoot>
  <tr><th>Celkem</th><td>36402</td> <td>25542</td>  </tr>
</tfoot>
</table>

a její podoba se špetkou vylepšení pomocí CSS:

Měsíc	Výnosy	Náklady
Leden	12360	8619
Únor	9833	6587
Březen	14209	10318
Duben	12203	9987
Květen	15007	11315
Červen	10505	8432
Celkem	74117	55258

Jakmile se rozhodnete používat skupiny řádků, je záhodno zařadit do nich všechny řádky tabulky.