Tfoot tag
Tag tfoot definiše donji deo tabele.
Koristi se za grupisanje redova na takav
način da se CSS stilovi mogu odmah primeniti
na određenu grupu. U jednoj tabeli
može postojati samo jedan tag tfoot.
Tag tfoot se često koristi zajedno
sa thead
i tbody
za definisanje gornjeg dela, glavnog dela
i donjeg dela HTML tabele. Podrazumevano,
brauzer će postaviti sadržaj tfoot
na dno tabele, a thead -
na vrh.
Primer
Hajde da grupama redova, objedinjenim tagom
tfoot, dodelimo crvenu boju teksta
pomoću svojstva 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;
}
:
Primer
A ovde, hajde da pogledamo, thead
se ne nalazi na vrhu, a tfoot nije na dnu,
ipak ih brauzer raspoređuje na svoja
mesta:
<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;
}
:
