HTML <th> rowspan-ominaisuus

HTML <th> tagi

Määrittely ja käyttö

rowspan Määrittää, montako riviä otsikkosolu ylittää.

Esimerkki

Esimerkki 1

HTML-taulukko, jossa otsikkosolu on ylittäen kolme riviä:

<table>
  <tr>
    <th>Kuukausi</th>
    <th>Varat</th>
    <th rowspan="3">Lomareservointi!</th>
  </tr>
  <tr>
    <td>helmi</td>
    <td>￥3000</td>
  </tr>
  <tr>
    <td>helmikuu</td>
    <td>￥4000</td>
  </tr>
</table>

Kokeile itse

Esimerkki 2

Esimerkki 2: Käytä rowspan="0" (sopii Chrome, Firefox ja Opera):

<table>
<thead>
  <tr>
    <th>Kuukausi</th>
    <th>Varat</th>
    <th rowspan="3">Lomareservointi!</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>helmi</td>
    <td>￥3000</td>
    <td rowspan="0">￥3500</td>
  </tr>
  <tr>
    <td>helmikuu</td>
    <td>￥4000</td>
  </tr>
</tbody>
</table>

Kokeile itse

syntaksi

<th rowspan="number">

ominaisuusarvo

arvo kuvaus
number

Aseta otsikkosolun laajennettavien rivien määrä.

Huomaa:rowspan="0" kertoo selaimelle, että solua laajennetaan taulukon viimeiselle riville (thead, tbody tai tfoot).

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML <th> tagi