Tagg tfoot
Tagg tfoot definierar tabellens nedre del.
Används för att gruppera rader på ett sådant
sätt att CSS-stilar direkt kan appliceras
på en viss grupp. En tabell kan bara ha
en tagg tfoot.
Tagg tfoot används ofta tillsammans
med thead
och tbody
för att definiera den övre delen, huvuddelen
och den nedre delen av en HTML-tabell. Som standard
kommer webbläsaren att placera innehållet i tfoot
i tabellens nedre del, och thead -
i den övre delen.
Exempel
Låt oss ge gruppen av rader, grupperade med taggen
tfoot, en röd textfärg
med hjälp av egenskapen color:
<table>
<thead>
<tr>
<th>Namn</th>
<th>Efternamn</th>
<th>Lön</th>
</tr>
</thead>
<tbody>
<tr>
<td>namn1</td>
<td>efternamn1</td>
<td>200$</td>
</tr>
<tr>
<td>namn2</td>
<td>efternamn2</td>
<td>1000$</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>antal: 2</td>
<td>-</td>
<td>totalt: 1200$</td>
</tr>
</tfoot>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
Exempel
Och här, låt oss se, thead
är inte högst upp, och tfoot är inte längst ner,
ändå placerar webbläsaren dem på sina
rätta platser:
<table>
<tfoot>
<tr>
<td>antal: 2</td>
<td>-</td>
<td>totalt: 1200$</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>namn1</td>
<td>efternamn1</td>
<td>200$</td>
</tr>
<tr>
<td>namn2</td>
<td>efternamn2</td>
<td>1000$</td>
</tr>
</tbody>
<thead>
<tr>
<th>Namn</th>
<th>Efternamn</th>
<th>Lön</th>
</tr>
</thead>
</table>
tfoot {
color: red;
}
table, td, th {
border: 1px solid black;
}
:
