Tabla HTML Colspan y Rowspan
Las tablas HTML pueden tener celdas que ocupan varias filas y/o columnas.
NOMBRE | ||
---|---|---|
ABRIL | ||
---|---|---|
2022 | ||
---|---|---|
FIESTA | ||
Tabla HTML - Colspan
Para hacer que una celda abarque varias columnas, use el colspan
atributo:
Ejemplo
<table>
<tr>
<th colspan="2">Name</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>43</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>57</td>
</tr>
</table>
Nota: El valor del colspan
atributo representa el número de columnas que abarca.
Tabla HTML - Intervalo de filas
Para hacer que una celda abarque varias filas, use el rowspan
atributo:
Ejemplo
<table>
<tr>
<th>Name</th>
<td>Jill</td>
</tr>
<tr>
<th rowspan="2">Phone</th>
<td>555-1234</td>
</tr>
<tr>
<td>555-8745</td>
</tr>
</table>
Nota: El valor del rowspan
atributo representa el número de filas que abarca.