Tfoot žymė
Žymė tfoot nurodo lentelės apatinę dalį.
Naudojama eilučių grupuoti tokiu būdu,
kad iškart galima būtų taikyti CSS stilius
tam tikrai grupei. Vienoje lentelėje
gali būti tik viena tfoot žymė.
Žymė tfoot dažnai naudojama kartu
su thead
ir tbody
HTML lentelės viršutinei daliai, pagrindinei daliai
ir apatinei daliai nurodyti. Pagal numatytuosius nustatymus
naršyklė tfoot turinį
patalpins lentelės apačioje, o thead -
viršuje.
Pavyzdys
Eilučių grupei, sujungtai žyme
tfoot, nustatykime raudoną teksto spalvą
naudojant savybę color:
<table>
<thead>
<tr>
<th>Vardas</th>
<th>Pavardė</th>
<th>Atlyginimas</th>
</tr>
</thead>
<tbody>
<tr>
<td>vardas1</td>
<td>pavardė1</td>
<td>200$</td>
</tr>
<tr>
<td>vardas2</td>
<td>pavardė2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>kiekis: 2</td>
<td>-</td>
<td>viso: 1200$</td>
</tr>
</tfoot>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Pavyzdys
O čia pažiūrėkime, thead
yra ne viršuje, o tfoot ne apačioje,
tačiau naršyklė juos išdėsto savo
vietose:
<table>
<tfoot>
<tr>
<td>kiekis: 2</td>
<td>-</td>
<td>viso: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>vardas1</td>
<td>pavardė1</td>
<td>200$</td>
</tr>
<tr>
<td>vardas2</td>
<td>pavardė2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Vardas</th>
<th>Pavardė</th>
<th>Atlyginimas</th>
</tr>
</thead>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
