Teg thead
Tegi thead përcakton pjesën e sipërme të tabelës.
Përdoret për grupimin e rreshtave në një mënyrë të tillë
që menjëherë mund të aplikohen stilet CSS për një grup të caktuar.
Në një tabelë mund të ketë vetëm një teg thead.
Tegi thead shpesh përdoret së bashku
me tbody
dhe tfoot
për të përcaktuar pjesën e sipërme, pjesën kryesore
dhe pjesën e poshtme të tabelës HTML.
Shembull
Le t'u shtojmë grupit të rreshtave të grupuar me tagun
thead, ngjyrën e kuqe të tekstit
duke përdorur vetinë 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;
}
:
Shembull
Dhe këtu thead nuk është në krye, dhe tfoot
nuk është në fund, megjithatë shfletuesi do t'i vendosë
ato në vendet e tyre:
<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;
}
:
