Etiketa tfoot
Etiketa tfoot përcakton pjesën e poshtme të tabelës.
Përdoret për grupimin e rreshtave në një mënyrë të tillë
që menjëherë të mund të aplikohen stile CSS për një grup të caktuar.
Në një tabelë mund të ketë vetëm një etiketë tfoot.
Etiketa tfoot shpesh përdoret së bashku
me thead
dhe tbody
për të përcaktuar pjesën e sipërme, pjesën kryesore
dhe pjesën e poshtme të një tabele HTML. Si parazgjedhje,
shfletuesi do të vendosë përmbajtjen e tfoot
në pjesën e poshtme të tabelës, dhe thead -
në pjesën e sipërme.
Shembull
Le t'i caktojmë grupit të rreshtave të grupuar nga etiketa
tfoot, një ngjyrë të kuqe teksti
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>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Shembull
Dhe këtu, le të shohim, thead
nuk është lart, dhe tfoot nuk është poshtë,
prapëseprapë shfletuesi i vendos ato në vendet e tyre
të duhura:
<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>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
