HTML <td> rowspan-eigenschap

HTML <td> tag

Definitie en gebruik

rowspan De eigenschap bepaalt het aantal rijen dat de cel moet overschrijden.

Voorbeeld

Voorbeeld 1

Een HTML-tabel met een cel die twee rijen overschrijdt:

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
    <th>Opslag tijdens feestdagen!</th>
  </tr>
  <tr>
    <td>January</td>
    <td>￥3000</td>
    <td rowspan="2">￥6000</td>
  </tr>
  <tr>
    <td>February</td>
    <td>￥4000</td>
  </tr>
</table>

Try it yourself

Voorbeeld 2

Gebruik rowspan="0" om de cel te laten overschrijden naar de laatste rij van het tabelgedeelte van de browser:

<table>
<thead>
  <tr>
    <th>Month</th>
    <th>Savings</th>
    <th rowspan="3">Holiday savings!</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>January</td>
    <td>￥3000</td>
    <td rowspan="0">￥6000</td>
  </tr>
  <tr>
    <td>February</td>
    <td>￥4000</td>
  </tr>
</tbody>
</table>

Try it yourself

Syntax

<td rowspan="number">

Attribute value

Value Description
number

Specifies the number of rows the cell should span.

Note:rowspan="0" tells the browser to span the cell to the last row of the table section (thead, tbody or tfoot).

Chrome, Firefox and Opera 12 (and earlier versions) support rowspan="0".

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML <td> tag