Tag-ul thead
Tag-ul thead definește partea superioară a tabelului.
Este utilizat pentru a grupa rânduri în așa fel
încât să se poată aplica imediat stiluri CSS
unui anumit grup. Într-un tabel
poate exista doar un singur tag thead.
Tag-ul thead este adesea folosit împreună
cu tbody
și tfoot
pentru a defini partea de sus, partea principală
și partea de jos a unui tabel HTML.
Exemplu
Să adăugăm grupului de rânduri grupate de tag-ul
thead, culoarea roșie a textului
cu ajutorul proprietății 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;
}
:
Exemplu
Și aici thead nu este în partea de sus, iar tfoot
nu este în partea de jos, cu toate acestea browserul le va aranja
în locurile corespunzătoare:
<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;
}
:
