Тег tfoot
Тег tfoot дефинише доњи део табеле.
Користи се за груписање редова на такав
начин да се групи може одмах применити
CSS стилове. Једна табела може имати
само један тег tfoot.
Тег tfoot се често користи заједно
са thead
и tbody
за дефинисање горњег дела, главног дела
и доњег дела HTML табеле. Подразумевано,
прегледач ће садржај tfoot поставити
на дно табеле, а thead на врх.
Пример
Хајде да групи редова, обједињених тегом
tfoot, задамо црвену боју текста
помоћу својства color:
<table>
<thead>
<tr>
<th>Име</th>
<th>Презиме</th>
<th>Плата</th>
</tr>
</thead>
<tbody>
<tr>
<td>име1</td>
<td>презиме1</td>
<td>200$</td>
</tr>
<tr>
<td>име2</td>
<td>презиме2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>укупно: 2</td>
<td>-</td>
<td>укупно: 1200$</td>
</tr>
</tfoot>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Пример
А овде, хајде да видимо, thead
није на врху, а tfoot није на дну,
ипак их прегледач размешта на њихова
места:
<table>
<tfoot>
<tr>
<td>укупно: 2</td>
<td>-</td>
<td>укупно: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>име1</td>
<td>презиме1</td>
<td>200$</td>
</tr>
<tr>
<td>име2</td>
<td>презиме2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Име</th>
<th>Презиме</th>
<th>Плата</th>
</tr>
</thead>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
