Tfoot tegi
tfoot tegi jadvalning pastki qismini belgilaydi.
CSS uslublarini ma'lum bir guruhga darhol qo‘llash
mumkin bo‘lgan tarzda qatorlarni guruhlash uchun
ishlatiladi. Bitta jadvalda faqat bitta tfoot
tegi bo‘lishi mumkin.
tfoot tegi ko‘pincha
thead
va tbody
teglari bilan birgalikda HTML jadvalining yuqori qismi,
asosiy qismi va pastki qismini belgilash uchun ishlatiladi.
Standart tarzda brauzer tfoot tarkibini jadvalning
pastki qismiga, thead tarkibini esa yuqori qismiga joylashtiradi.
Misol
Keling, tfoot tegi bilan birlashtirilgan qatorlar
guruhiga color
xususiyati yordamida matnning qizil rangini belgilaymiz:
<table>
<thead>
<tr>
<th>Name</th>
<th>Surn</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>name1</td>
<td>surn1</td>
<td>200$</td>
</tr>
<tr>
<td>name2</td>
<td>surn2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>count: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Misol
Bu misolda esa, thead yuqorida emas,
tfoot pastda emas, shunga qaramasdan
brauzer ularni o‘z joylariga joylashtiradi:
<table>
<tfoot>
<tr>
<td>count: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>name1</td>
<td>surn1</td>
<td>200$</td>
</tr>
<tr>
<td>name2</td>
<td>surn2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Name</th>
<th>Surn</th>
<th>Salary</th>
</tr>
</thead>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
