Tfoot silt
Silt tfoot määrab tabeli alumise osa.
Seda kasutatakse ridade grupeerimiseks nii,
et CSS-stiile saaks koheselt rakendada
mõnele grupile. Ühes tabelis võib olla
ainult üks silt tfoot.
Silti tfoot kasutatakse sageli koos
siltidega thead
ja tbody
HTML-tabeli ülemise osa, põhiosa ja alumise
osa määramiseks. Vaikimisi paigutab brauser
tfoot sisu tabeli alumisse ossa ja
thead - ülemisse ossa.
Näide
Määrame siltiga tfoot grupeeritud
ridade grupile punase teksti värvi omadusega
color:
<table>
<thead>
<tr>
<th>Nimi</th>
<th>Perekonnanimi</th>
<th>Palk</th>
</tr>
</thead>
<tbody>
<tr>
<td>nimi1</td>
<td>perekonnanimi1</td>
<td>200$</td>
</tr>
<tr>
<td>nimi2</td>
<td>perekonnanimi2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>kogus: 2</td>
<td>-</td>
<td>kokku: 1200$</td>
</tr>
</tfoot>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Näide
Siin vaatame, et thead ei asu üleval
ega tfoot all, kuid brauser paigutab
need siiski omale kohale:
<table>
<tfoot>
<tr>
<td>kogus: 2</td>
<td>-</td>
<td>kokku: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>nimi1</td>
<td>perekonnanimi1</td>
<td>200$</td>
</tr>
<tr>
<td>nimi2</td>
<td>perekonnanimi2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Nimi</th>
<th>Perekonnanimi</th>
<th>Palk</th>
</tr>
</thead>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
