Oznaka thead
Oznaka thead določa zgornji del tabele.
Uporablja se za združevanje vrstic na način,
da je takoj mogoče uporabiti CSS sloge za določeno
skupino. V eni tabeli je lahko le ena oznaka
thead.
Oznaka thead se pogosto uporablja skupaj
z tbody
in tfoot
za določanje zgornjega dela, glavnega dela
in spodnjega dela HTML tabele.
Primer
Dodajmo skupini vrstic, združenih z oznako
thead, rdečo barvo besedila
z lastnostjo color:
<table>
<thead>
<tr>
<th>Ime</th>
<th>Priimek</th>
<th>Plača</th>
</tr>
</thead>
<tbody>
<tr>
<td>ime1</td>
<td>priimek1</td>
<td>200$</td>
</tr>
<tr>
<td>ime2</td>
<td>priimek2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>število: 2</td>
<td>-</td>
<td>skupaj: 1200$</td>
</tr>
</tfoot>
</table>
thead {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Primer
Tukaj thead ni na vrhu, tfoot
pa ni na dnu, vendar jih bo brskalnik vseeno postavil
na svoje mesto:
<table>
<tfoot>
<tr>
<td>število: 2</td>
<td>-</td>
<td>skupaj: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>ime1</td>
<td>priimek1</td>
<td>200$</td>
</tr>
<tr>
<td>ime2</td>
<td>priimek2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Ime</th>
<th>Priimek</th>
<th>Plača</th>
</tr>
</thead>
</table>
table, td, th {
border: 1px solid black;
}
:
