Тэг 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;
}
:
