De thead-tag
De tag thead definieert het bovenste deel van een tabel.
Wordt gebruikt om rijen te groeperen op zo'n
manier dat CSS-stijlen direct op een bepaalde groep kunnen worden
toegepast. Er kan slechts één thead tag in een tabel zijn.
De tag thead wordt vaak gebruikt in combinatie
met tbody
en tfoot
om het bovenste deel, het hoofdgedeelte
en het onderste deel van een HTML-tabel te definiëren.
Voorbeeld
Laten we de groep rijen, gegroepeerd door de tag
thead, een rode tekstkleur geven
met behulp van de eigenschap color:
<table>
<thead>
<tr>
<th>Naam</th>
<th>Achternaam</th>
<th>Salaris</th>
</tr>
</thead>
<tbody>
<tr>
<td>naam1</td>
<td>achternaam1</td>
<td>200$</td>
</tr>
<tr>
<td>naam2</td>
<td>achternaam2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>aantal: 2</td>
<td>-</td>
<td>totaal: 1200$</td>
</tr>
</tfoot>
</table>
thead {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Voorbeeld
En hier staat thead niet bovenaan, en tfoot
niet onderaan, desalniettemin zal de browser ze
op de juiste plaats zetten:
<table>
<tfoot>
<tr>
<td>aantal: 2</td>
<td>-</td>
<td>totaal: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>naam1</td>
<td>achternaam1</td>
<td>200$</td>
</tr>
<tr>
<td>naam2</td>
<td>achternaam2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Naam</th>
<th>Achternaam</th>
<th>Salaris</th>
</tr>
</thead>
</table>
table, td, th {
border: 1px solid black;
}
:
