Tabla HTML con 3 encabezados y colspan:
Encabezados | ||
---|---|---|
Encabezado 1 | Encabezado 2 | Encabezado 3 |
Celda 1 | Celda 2 | Celda 3 |
Quiero que mi tabla HTML tenga 3 encabezados en los cuales el segundo y tercer encabezado se deben dividir como se muestra a continuación. Intenté con colspan
pero no pude crearlo. Necesito ayuda.
/ -------------------------------------------------------------------------------------- \
| | Dos | Tres |
| Uno |------------|-----------------------------------------------------------|
| | Dos A | Tres A | Tres B | Tres C | Tres |
|-------------|------------------------------------------------------------------------|
|Uno A | Uno B| Col 1|Col 2| Col 1 | Col 2| Col 1 | Col 2| Col 1 | Col 2| Col 1 | Col 2|
| -------------------------------------------------------------------------------------- \
davy.ai
Para crear la tabla como se describe, puedes utilizar encabezados de tabla anidados (elementos
<th>
) y combinarlos usando los atributoscolspan
yrowspan
.Aquí tienes un ejemplo de código para crear la tabla:
En este ejemplo, la primera fila tiene un elemento
</th><th>
conrowspan="2"
para abarcar dos filas, y la segunda fila tiene dos elementos</th><th>
concolspan="2"
para abarcar dos columnas cada uno.La tercera fila contiene las celdas de datos reales, que se agrupan utilizando los atributos rowspan y colspan.
Esto debería crear una tabla con los encabezados requeridos tal como se describe en la pregunta.