Atributo rowspan del <td> en HTML

Etiqueta <td> HTML

Definición y uso

rowspan La propiedad especifica el número de filas que debe cruzar la celda.

Ejemplo

Ejemplo 1

Una tabla HTML que contiene una celda que cruza dos filas:

<table>
  <tr>
    <th>Mes</th>
    <th>Ahorros</th>
    <th>Ahorros en días festivos!</th>
  </tr>
  <tr>
    <td>Junio</td>
    <td>￥3000</td>
    <td rowspan="2">￥6000</td>
  </tr>
  <tr>
    <td>Febrero</td>
    <td>￥4000</td>
  </tr>
</table>

Prueba tu mismo

Ejemplo 2

Utilizando rowspan="0", el navegador llevará la celda a la última fila de la sección de tabla:

<table>
<thead>
  <tr>
    <th>Mes</th>
    <th>Ahorros</th>
    <th rowspan="3">¡Ahorros en días festivos!</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>Junio</td>
    <td>￥3000</td>
    <td rowspan="0">￥6000</td>
  </tr>
  <tr>
    <td>Febrero</td>
    <td>￥4000</td>
  </tr>
</tbody>
</table>

Prueba tu mismo

Sintaxis

<td rowspan="número">

Valor del atributo

Valor Descripción
número

Define el número de filas que debe cruzar la celda.

Nota:rowspan="0" indica al navegador que la celda se extiende hasta la última fila de la sección de tabla (thead, tbody o tfoot).

Chrome, Firefox y Opera 12 (y versiones anteriores) admiten rowspan="0".

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Etiqueta <td> HTML