tfoot-taggen
Tagget tfoot definerer nederste del af en tabel.
Det bruges til at gruppere rækker på en sådan måde,
at man med det samme kan anvende CSS-stilarter
på en bestemt gruppe. Der kan kun være ét
tfoot-tag i en tabel.
Tagget tfoot bruges ofte sammen
med thead
og tbody
for at definere øverste del, hoveddel
og nederste del af en HTML-tabel. Som standard
vil browseren placere indholdet af tfoot
i tabellens nederste del, og thead -
i den øverste del.
Eksempel
Lad os give en gruppe af rækker, grupperet med tagget
tfoot, en rød tekstfarve
ved hjælp af egenskaben color:
<table>
<thead>
<tr>
<th>Navn</th>
<th>Efternavn</th>
<th>Løn</th>
</tr>
</thead>
<tbody>
<tr>
<td>navn1</td>
<td>efternavn1</td>
<td>200$</td>
</tr>
<tr>
<td>navn2</td>
<td>efternavn2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>antal: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Eksempel
Her ser vi, at thead
ikke er placeret øverst, og tfoot ikke er nederst,
men alligevel placerer browseren dem på deres
rette pladser:
<table>
<tfoot>
<tr>
<td>antal: 2</td>
<td>-</td>
<td>total: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>navn1</td>
<td>efternavn1</td>
<td>200$</td>
</tr>
<tr>
<td>navn2</td>
<td>efternavn2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Navn</th>
<th>Efternavn</th>
<th>Løn</th>
</tr>
</thead>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
