Tfoot atslēga
Atslēga tfoot definē tabulas apakšējo daļu.
Izmanto, lai grupētu rindas tādā veidā,
lai uzreiz noteiktai grupai varētu
piemērot CSS stilus. Vienā tabulā
var būt tikai viena tfoot atslēga.
Atslēga tfoot bieži tiek lietota kopā
ar thead
un tbody
HTML tabulas augšējās daļas, galvenās daļas
un apakšējās daļas definēšanai. Pēc noklusējuma
pārlūkprogramma ievietos tfoot saturu
tabulas apakšējā daļā, bet thead -
augšējā daļā.
Piemērs
Piešķirsim ar tfoot atslēgu apvienoto
rindu grupai sarkanu teksta krāsu,
izmantojot īpašību color:
<table>
<thead>
<tr>
<th>Vārds</th>
<th>Uzvārds</th>
<th>Alga</th>
</tr>
</thead>
<tbody>
<tr>
<td>vārds1</td>
<td>uzvārds1</td>
<td>200$</td>
</tr>
<tr>
<td>vārds2</td>
<td>uzvārds2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>skaits: 2</td>
<td>-</td>
<td>kopā: 1200$</td>
</tr>
</tfoot>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Piemērs
Šeit, paskatīsimies, thead
atrodas nevis augšā, un tfoot nevis apakšā,
tomēr pārlūkprogramma tās novieto savās
vietās:
<table>
<tfoot>
<tr>
<td>skaits: 2</td>
<td>-</td>
<td>kopā: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>vārds1</td>
<td>uzvārds1</td>
<td>200$</td>
</tr>
<tr>
<td>vārds2</td>
<td>uzvārds2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Vārds</th>
<th>Uzvārds</th>
<th>Alga</th>
</tr>
</thead>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
: