Znacznik tfoot
Znacznik tfoot definiuje dolną część tabeli.
Używany jest do grupowania wierszy w taki
sposób, aby od razu do pewnej grupy można
było zastosować style CSS. W jednej tabeli
może znajdować się tylko jeden znacznik tfoot.
Znacznik tfoot jest często używany razem
z thead
i tbody
do zdefiniowania górnej części, głównej części
i dolnej części tabeli HTML. Domyślnie
przeglądarka umieści zawartość tfoot
w dolnej części tabeli, a thead -
w górnej.
Przykład
Nadajmy grupie wierszy, zgrupowanych znacznikiem
tfoot, czerwony kolor tekstu
za pomocą właściwości 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;
}
:
Przykład
A tutaj, spójrzmy, thead
znajduje się nie na górze, a tfoot nie na dole,
niemniej jednak przeglądarka umieszcza je na swoich
miejscach:
<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;
}
:
