Oznaka thead

Oznaka thead določa zgornji del tabele. Uporablja se za združevanje vrstic na način, da je takoj mogoče uporabiti CSS sloge za določeno skupino. V eni tabeli je lahko le ena oznaka thead.

Oznaka thead se pogosto uporablja skupaj z tbody in tfoot za določanje zgornjega dela, glavnega dela in spodnjega dela HTML tabele.

Primer

Dodajmo skupini vrstic, združenih z oznako thead, 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>

cssthead {
  color: red;
}

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

Результат:

Primer

Tukaj thead ni na vrhu, tfoot pa ni na dnu, vendar jih bo brskalnik vseeno postavil na svoje mesto:

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>

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

Результат:

Glejte tudi