tfoot teqi
tfoot teqi cədvəlin aşağı hissəsini təyin edir.
Bəzi bir qrupa dərhal CSS stilləri tetbiq etmək üçün
sıraları qruplaşdırmaq üçün istifadə olunur. Bir cədvəldə
yalnız bir tfoot teqi ola bilər.
tfoot teqi tez-tez
thead
və tbody
ilə birlikdə HTML cədvəlinin yuxarı hissəsini, əsas hissəsini
və aşağı hissəsini təyin etmək üçün istifadə olunur. Standart olaraq
brauzer tfoot-nin məzmununu
cədvəlin aşağı hissəsinə, thead-ni isə
yuxarı hissəyə qoyacaq.
Nümunə
Gəlin tfoot teqi ilə qruplaşdırılmış sıra qrupuna
color xassəsindən istifadə edərək
qırmızı mətn rəngi təyin edək:
<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;
}
:
Nümunə
Burdaysa, gəlin görək, thead
yuxarıda deyil, tfoot isə aşağıda deyil,
ona baxmayaraq brauzer onları öz yerlərinə
qoyur:
<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;
}
:
