Atributo rowspan do HTML <td>

Etiqueta <td> HTML

Definição e uso

rowspan A propriedade define o número de linhas que a célula deve estender.

Exemplo

Exemplo 1

Tabela HTML que contém uma célula que estende-se por duas linhas:

<table>
  <tr>
    <th>Mês</th>
    <th>Depósito</th>
    <th>Saldo de feriados!</th>
  </tr>
  <tr>
    <td>Janeiro</td>
    <td>￥3000</td>
    <td rowspan="2">￥6000</td>
  </tr>
  <tr>
    <td>Fevereiro</td>
    <td>￥4000</td>
  </tr>
</table>

Experimente você mesmo

Exemplo 2

Usando rowspan="0", o navegador faz a célula estender-se até a última linha da parte da tabela:

<table>
<thead>
  <tr>
    <th>Mês</th>
    <th>Depósito</th>
    <th rowspan="3">Economia de feriados!</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>Janeiro</td>
    <td>￥3000</td>
    <td rowspan="0">￥6000</td>
  </tr>
  <tr>
    <td>Fevereiro</td>
    <td>￥4000</td>
  </tr>
</tbody>
</table>

Experimente você mesmo

Sintaxe

<td rowspan="number">

Valor do atributo

Valor Descrição
number

Define o número de linhas que a célula deve cruzar.

Atenção:rowspan="0" informa ao navegador que a célula se estende até a última linha da parte da tabela (thead, tbody ou tfoot).

Chrome, Firefox e Opera 12 (e versões anteriores) suportam rowspan="0".

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Etiqueta <td> HTML