Tagg tfoot
Tagg tfoot definerer nederste del av en tabell.
Brukes for å gruppere rader på en slik
måte at man umiddelbart kan
bruke CSS-stiler på en bestemt gruppe. I én tabell
kan det bare være én tagg tfoot.
Tagg tfoot brukes ofte sammen
med thead
og tbody
for å definere øverste del, hoveddel
og nederste del av en HTML-tabell. Som standard
vil nettleseren plassere innholdet i tfoot
i nederste del av tabellen, og thead -
i den øverste.
Eksempel
La oss gi gruppen av rader, gruppert med tagg
tfoot, rød tekstfarge
ved hjelp av egenskapen color:
<table>
<thead>
<tr>
<th>Navn</th>
<th>Etternavn</th>
<th>Lønn</th>
</tr>
</thead>
<tbody>
<tr>
<td>navn1</td>
<td>etternavn1</td>
<td>200$</td>
</tr>
<tr>
<td>navn2</td>
<td>etternavn2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>antall: 2</td>
<td>-</td>
<td>totalt: 1200$</td>
</tr>
</tfoot>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Eksempel
Og her, la oss se at thead
ikke er øverst, og tfoot ikke er nederst,
likevel plasserer nettleseren dem på sine
plasser:
<table>
<tfoot>
<tr>
<td>antall: 2</td>
<td>-</td>
<td>totalt: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>navn1</td>
<td>etternavn1</td>
<td>200$</td>
</tr>
<tr>
<td>navn2</td>
<td>etternavn2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Navn</th>
<th>Etternavn</th>
<th>Lønn</th>
</tr>
</thead>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
: