Startseite >Web >HTML-Referenz – Elemente und Attribute >thead – Tabellenkopf

thead – Tabellenkopf

<thead><tr><th>…</th></tr></thead>

Eine Gruppe von Zeilen mit den Spaltenüberschriften. Sie steht nach caption und colgroup, vor dem Körper der Tabelle. Wird eine lange Tabelle gedruckt, wiederholen Browser sie oben auf jeder Seite.

  • Standarddarstellung: display: table-header-group
  • End-Tag: kann entfallen, wenn unmittelbar tbody oder tfoot folgt
  • Inhalt: Zeilen tr
  • Wo es stehen darf: table – nach caption und colgroup, vor tbody und tfoot; nur eines pro Tabelle
  • DOM-Schnittstelle: HTMLTableSectionElement

Attribute

Nur globale Attribute (die veralteten align, valign ersetzt CSS).

Beispiele

Ein Kopf, der beim Scrollen einer langen Tabelle oben bleibt:

<div class="wrapper">
  <table>
    <thead>
      <tr><th>Tag</th><th>Verkauf</th></tr>
    </thead>
    <tbody>
      <tr><td>Montag</td><td>310</td></tr>
      <tr><td>Dienstag</td><td>290</td></tr>
      <tr><td>Mittwoch</td><td>305</td></tr>
      <tr><td>Donnerstag</td><td>330</td></tr>
    </tbody>
  </table>
</div>

.wrapper {
  height: 90px;
  overflow-y: auto;
}
.wrapper thead th {
  position: sticky;
  top: 0;
  background: #fff;
}
Ergebnis
TagVerkauf
Montag310
Dienstag290
Mittwoch305
Donnerstag330

Worauf Sie achten sollten

  • Das Fixieren des Kopfs wird an den Zellen th (oder an thead) eingestellt, nicht an tr, und braucht einen undurchsichtigen Hintergrund.
  • Überschriften müssen nicht in thead stehen, damit Screenreader sie erkennen – th genügt. thead hilft Styles, dem Druck und Skripten.

Browserunterstützung

Baseline – weithin verfügbar: funktioniert in allen gängigen Browsern, und das schon lange (spätestens seit 2015). Ab Version: Chrome 1, Firefox 1, Safari 1. Stand: Oktober 2026 (MDN browser-compat-data).

Siehe auch:
table – Tabelle
tbody – Tabellenkörper
tfoot – Tabellenfuß
th – Kopfzelle
tr – Tabellenzeile