tfoot թեգ
tfoot թեգը սահմանում է աղյուսակի ստորին մասը:
Օգտագործվում է տողերը խմբավորելու այնպես,
որ հնարավոր լինի անմիջապես որոշակի խմբին կիրառել
CSS ոճեր: Մեկ աղյուսակում կարող է լինել
միայն մեկ tfoot թեգ:
tfoot թեգը հաճախ օգտագործվում է միասին
thead
և tbody
թեգերի հետ HTML աղյուսակի վերին մասը, հիմնական մասը
և ստորին մասը սահմանելու համար: Լռելյայն
բրաուզերը կտեղադրի tfoot-ի պարունակությունը
աղյուսակի ստորին մասում, իսկ thead-ինը՝
վերինում:
Օրինակ
Եկեք tfoot թեգով միավորված տողերի խմբին
սահմանենք տեքստի կարմիր գույն
color
հատկության միջոցով:
<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;
}
:
Օրինակ
Այստեղ եկեք տեսնենք, որ thead-ը
գտնվում է ոչ թե վերևում, իսկ tfoot-ը՝ ոչ թե ներքևում,
սակայն բրաուզերը դրանք տեղադրում է իրենց
տեղերում:
<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;
}
:
