Тегот thead
Тегот thead ја одредува горната част на табелата.
Се користи за групирање на редови на таков
начин што веднаш на одредена група може
да се применат CSS стилови. Во една табела
може да има само еден тег thead.
Тегот thead често се користи заедно
со tbody
и tfoot
за одредување на горниот дел, главниот дел
и долниот дел на HTML табелата.
Пример
Да им додадеме црвена боја на текстот на групата редови,
обединети со тегот
thead, со помош на својството
color:
<table>
<thead>
<tr>
<th>Name</th>
<th>Surn</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>name1</td>
<td>surn1</td>
<td>200$</td>
</tr>
<tr>
<td>name2</td>
<td>surn2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>count: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
</table>
thead {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Пример
Овде thead не е на врвот, а tfoot
не е на дното, но сепак прелистувачот ќе ги постави
на нивните места:
<table>
<tfoot>
<tr>
<td>count: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>name1</td>
<td>surn1</td>
<td>200$</td>
</tr>
<tr>
<td>name2</td>
<td>surn2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Name</th>
<th>Surn</th>
<th>Salary</th>
</tr>
</thead>
</table>
table, td, th {
border: 1px solid black;
}
:
