Thead tag
Tag thead definiše gornji deo tabele.
Koristi se za grupisanje redova na takav
način da se CSS stilovi odmah mogu primeniti
na određenu grupu. U jednoj tabeli
može postojati samo jedan tag thead.
Tag thead se često koristi zajedno
sa tbody
i tfoot
za definisanje gornjeg dela, glavnog dela
i donjeg dela HTML tabele.
Primer
Dodajmo grupi redova, objedinjenih tagom
thead, crvenu boju teksta
pomoću svojstva color:
<table>
<thead>
<tr>
<th>Ime</th>
<th>Prezime</th>
<th>Plata</th>
</tr>
</thead>
<tbody>
<tr>
<td>ime1</td>
<td>prezime1</td>
<td>200$</td>
</tr>
<tr>
<td>ime2</td>
<td>prezime2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>ukupno: 2</td>
<td>-</td>
<td>zbir: 1200$</td>
</tr>
</tfoot>
</table>
thead {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Primer
Ovde thead nije na vrhu, a tfoot
nije na dnu, ipak će ih brauzer rasporediti
na svoja mesta:
<table>
<tfoot>
<tr>
<td>ukupno: 2</td>
<td>-</td>
<td>zbir: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>ime1</td>
<td>prezime1</td>
<td>200$</td>
</tr>
<tr>
<td>ime2</td>
<td>prezime2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Ime</th>
<th>Prezime</th>
<th>Plata</th>
</tr>
</thead>
</table>
table, td, th {
border: 1px solid black;
}
:
