Teghi tfoot
Teghi tfoot huweka sehemu ya chini ya jedwali.
Inatumika kwa kikundi safu kwa njia
hiyo, kwamba mara moja kwa kikundi fulani
inaweza kutumika mitindo ya CSS. Katika jedwali moja
inaweza kuwa na teghi moja tu tfoot.
Teghi tfoot mara nyingi hutumika pamoja
na thead
na tbody
kwa kuweka sehemu ya juu, sehemu kuu
na sehemu ya chini ya jedwali la HTML. Kwa default
kivinjari kitaweka yaliyomo tfoot
katika sehemu ya chini ya jedwali, na thead -
katika sehemu ya juu.
Mfano
Wacha kikundi safu, zilizounganishwa na teghi
tfoot, tuweke rangi nyekundu ya maandishi
kwa kutumia sifa color:
<table>
<thead>
<tr>
<th>Jina</th>
<th>Jina la Ukoo</th>
<th>Mshahara</th>
</tr>
</thead>
<tbody>
<tr>
<td>jina1</td>
<td>uko1</td>
<td>200$</td>
</tr>
<tr>
<td>jina2</td>
<td>uko2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>idadi: 2</td>
<td>-</td>
<td>jumla: 1200$</td>
</tr>
</tfoot>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Mfano
Na hapa, wacha tuangalie, thead
haiko juu, na tfoot haiko chini,
hata hivyo kivinjari huwaweka katika maeneo yao
walau:
<table>
<tfoot>
<tr>
<td>idadi: 2</td>
<td>-</td>
<td>jumla: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>jina1</td>
<td>uko1</td>
<td>200$</td>
</tr>
<tr>
<td>jina2</td>
<td>uko2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Jina</th>
<th>Jina la Ukoo</th>
<th>Mshahara</th>
</tr>
</thead>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
