Die tfoot-tag

Die tfoot-tag spesifiseer die onderste gedeelte van die tabel. Word gebruik om rye op so 'n manier te groepeer dat CSS-styles dadelik op 'n sekere groep toegepas kan word. Daar kan slegs een tfoot-tag in 'n tabel wees.

Die tfoot-tag word dikwels saam gebruik met thead en tbody om die boonste gedeelte, hoofgedeelte en onderste gedeelte van 'n HTML-tabel te spesifiseer. By verstek sal die blaaier die inhoud van tfoot aan die onderkant van die tabel plaas, en thead - aan die bokant.

Voorbeeld

Kom ons gee die groep rye, saamgevoeg deur die tfoot-tag, 'n rooi tekskleur deur die color-eienskap te gebruik:

html<table>
  <thead>
    <tr>
      <th>Naam</th>
      <th>Van</th>
      <th>Salaris</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>naam1</td>
      <td>van1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>naam2</td>
      <td>van2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>telling: 2</td>
      <td>-</td>
      <td>totaal: 1200$</td>
    </tr>
  </tfoot>
</table>

csstfoot {
  color: red;
}

table, td, th {
  border: 1px solid black;
}

Результат:

Voorbeeld

En hier, kom ons kyk, die thead is nie bo nie, en die tfoot is nie onder nie, nogtans plaas die blaaier hulle op hul regte plekke:

html<table>
  <tfoot>
    <tr>
      <td>telling: 2</td>
      <td>-</td>
      <td>totaal: 1200$</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>naam1</td>
      <td>van1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>naam2</td>
      <td>van2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <thead>
    <tr>
      <th>Naam</th>
      <th>Van</th>
      <th>Salaris</th>
    </tr>
  </thead>
</table>

csstfoot {
  color: red;
}

table, td, th {
  border: 1px solid black;
}

Результат:

Sien ook