Oznaka tfoot

Oznaka tfoot določa spodnji del tabele. Uporablja se za združevanje vrstic na tak način, da je mogoče takoj določeni skupini uporabiti CSS stile. V eni tabeli je lahko samo ena oznaka tfoot.

Oznaka tfoot se pogosto uporablja skupaj z thead in tbody za določanje zgornjega dela, glavnega dela in spodnjega dela HTML tabele. Privzeto bo brskalnik vsebino tfoot postavil na dno tabele, thead pa - na vrh.

Primer

Dajmo skupini vrstic, združenih z oznako tfoot, določimo rdečo barvo besedila z lastnostjo color:

html<table>
  <thead>
    <tr>
      <th>Ime</th>
      <th>Priimek</th>
      <th>Plača</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>ime1</td>
      <td>priimek1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>ime2</td>
      <td>priimek2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>število: 2</td>
      <td>-</td>
      <td>skupaj: 1200$</td>
    </tr>
  </tfoot>
</table>

csstfoot {
  color: red;
}

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

Результат:

Primer

Tukaj pa poglejmo, thead ni na vrhu, tfoot pa ni spodaj, vendar ju brskalnik vseeno postavi na njuna mesta:

html<table>
  <tfoot>
    <tr>
      <td>število: 2</td>
      <td>-</td>
      <td>skupaj: 1200$</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>ime1</td>
      <td>priimek1</td>
      <td>200$</td>
    </tr>
    <tr>
      <td>ime2</td>
      <td>priimek2</td>
      <td>1000$</td>
    </tr>
  </tbody>
  <thead>
    <tr>
      <th>Ime</th>
      <th>Priimek</th>
      <th>Plača</th>
    </tr>
  </thead>
</table>

csstfoot {
  color: red;
}

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

Результат:

Glejte tudi