Atributos de una tabla
Para hacer que las celdas ocupen más de una fila o más de una columna, tenemos 2 atributos:
- rowspan
- Sirve para que una celda ocupe más de una fila. El valor por defecto es 1.
- colspan
- Sirve para que una celda ocupe más de una columna, también es 1 el valor por defecto.
Cuando necesitamos seleccionar una columna, tenemos la etiqueta colgroup, que nos permite seleccionar una columna en concreto. Dentro pondremos tantas etiquetas col como columnas tengamos, cada etiqueta col equivaldrá a una columna siguiendo el mismo orden que tienen en la tabla.
Si necesitamos que una etiqueta col agrupe más de una columna, tenemos el atributo span="", que funciona exactamente igual que rowspan y colspan.
| TH 1 - THEAD | TH 2 - THEAD | TH 3 - THEAD |
|---|---|---|
| TD 1 - TBODY | TD 2 / 3 - TBODY | |
| TD 2 - TBODY | TD 3 - TBODY | |
Como notarás en las celdas coloreadas (por css para que se vea), para que una celda ocupe 2 filas o 2 columnas, es necesario que el lugar de la celda que va a ocupar, no tenga una celda declarada en el HTML, sino el navegador lo que hace es desbordar la celda que sobra.