HTML Table Colspan y Rowspan

HTML Table Colspan y Rowspan

La ruta del desarrollador web frontend autónomo🤹‍♂️

Table of contents


Las tablas HTML pueden tener celdas que ocupen varias filas y/o columnas.👇


Colspan

Para hacer que una celda abarque varias columnas, usa el atributo colspan:

Ejemplo:

<tr>
    <th colspan="2">Nombre</th>
    <th>Edad</th>
</tr>

Nota: El valor del atributo colspan representa el número de columnas que abarcará.


Rowspan

Para hacer que una celda abarque varias filas, usa el atributo rowspan:

Ejemplo:

<tr>
  <th rowspan="2">Telefono</th>
  <td>123-456-789</td>
</tr>

Nota: El valor del atributo rowspan representa el número de filas que abarcará.


Resumen

Las tablas HTML pueden tener celdas que ocupen varias filas (rowspan) y/o columnas (colspan).


Traducido con 💚 desde W3Schools.com