Die tfoot-tag
Die tfoot-tag spesifiseer die onderste gedeelte van die tabel.
Word gebruik om rye op so 'n manier te groepeer
dat CSS-styles dadelik op 'n sekere groep toegepas kan
word. Daar kan slegs een tfoot-tag in 'n tabel wees.
Die tfoot-tag word dikwels saam gebruik
met thead
en tbody
om die boonste gedeelte, hoofgedeelte
en onderste gedeelte van 'n HTML-tabel te spesifiseer. By verstek
sal die blaaier die inhoud van tfoot
aan die onderkant van die tabel plaas, en thead -
aan die bokant.
Voorbeeld
Kom ons gee die groep rye, saamgevoeg deur die
tfoot-tag, 'n rooi tekskleur
deur die color-eienskap te gebruik:
<table>
<thead>
<tr>
<th>Naam</th>
<th>Van</th>
<th>Salaris</th>
</tr>
</thead>
<tbody>
<tr>
<td>naam1</td>
<td>van1</td>
<td>200$</td>
</tr>
<tr>
<td>naam2</td>
<td>van2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>telling: 2</td>
<td>-</td>
<td>totaal: 1200$</td>
</tr>
</tfoot>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Voorbeeld
En hier, kom ons kyk, die thead
is nie bo nie, en die tfoot is nie onder nie,
nogtans plaas die blaaier hulle op hul regte
plekke:
<table>
<tfoot>
<tr>
<td>telling: 2</td>
<td>-</td>
<td>totaal: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>naam1</td>
<td>van1</td>
<td>200$</td>
</tr>
<tr>
<td>naam2</td>
<td>van2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Naam</th>
<th>Van</th>
<th>Salaris</th>
</tr>
</thead>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
