HTML <thead> tag

Op deze pagina:

Voorbeeld:

<table>
  <thead>
    <tr>
      <th>Maand</th>
      <th>Bedrag</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Januari</td>
      <td>€ 200</td>
    </tr>
    <tr>
      <td>Februari</td>
      <td>€ 150</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Totaal</td>
      <td>€ 350</td>
    </tr>
  </tfoot>
</table>

De <thead> tag wordt gebruikt om kop inhoud te groeperen in een HTML tabel.

Het <thead> element wordt samen met de <tfoot> en <tbody> elementen gebruikt om verschillende delen van een tabel apart te specificeren.

Browsers gebruiken deze elementen gebruiken om deze bij het scrollen zichtbaar te houden. Bij het afdrukken van een tabel die meerdere pagina's beslaat, kunnen zo ook de kop- en voetgedeelten op elke pagina worden afgedrukt.

De <thead> tag moet als volgt worden gebruikt:

Als een kind van een <table> element, na enige <caption>, <colgroup> en voor enige <tbody>, <tfoot> en <tr> elementen.

Het <thead> element moet minimaal één <tr> tag hebben.

Standaard css voor het <thead> element

thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}

Verwante artikelen