Benimmregeln für Datentabellen Teil 2: Komplexe Datentabellen geschrieben von Tomas Caspers (2008)

Innere Struktur mit THEAD, TBODY & TFOOT

Die Elemente THEAD (=Kopfzeile), TFOOT (=Fußzeile) und TBODY (=Tabellenkörper) sind die idealen Mittel, um Ihrer Tabelle mehr Struktur zu geben. Übrigens: diese dürfen auch mehrfach in einer Tabelle enthalten sein. Zudem lassen sie sich hervorragend per CSS formatieren: neben einem eigenen Aussehen für die einzelnen Tabellenbereiche können sie zum Beispiel überlange oder sehr breite Tabellen per overflow:auto; in schmalere Inhaltsspalten einpassen.

Dabei darf TFOOT, anders als sein Name vermuten lässt, nicht erst am Ende der Tabelle notiert werden, sondern muss vor TBODY erscheinen. Da dies unter Web-Entwicklern oftmals für Verwirrung sorgt, verraten wir Ihnen hier den Grund dafür: für Medien wie zum Beispiel dem Ausdruck kann man im CSS angeben, ob die <thead>- und <tfoot>-Tags zu Beginn bzw. zum Ende jeder Seite wiederholt werden sollen. Um die Tabelle in einem Durchgang rendern zu können braucht der Browser also bereits zu Beginn der Tabelle die Information, ob neben dem <thead> auch ein <tfoot> enthalten ist.

Tabellen können durchaus mehrere <tbody>-Tags enthalten. Im folgenden Beispiel einer Bundesliga-Tabelle haben wir uns diese Möglichkeit zu Nutze gemacht und hiermit die Tabelle in die verschiedenen Bereiche (UEFA-Cup, Abstiegszone etc.) unterteilt. Jeder dieser Bereiche steht in einem eigenen TBODY-Tag, die über eigene Klassen oder IDs identifiziert und dann unterschiedlich präsentiert werden können (Farben, Trennstriche per border etc.):

Zur genaueren Analyse finden Sie den Quelltext auf der Folgeseite.