El elemento
<colgroup>se utiliza para diseñar columnas específicas de una tabla.
Grupo de columnas
Si deseas aplicar estilo a las dos primeras columnas de una tabla, utiliza los elementos <colgroup> y <col>.
El elemento <colgroup> debe utilizarse como contenedor para las especificaciones de la columna.
Cada grupo se especifica con un elemento <col>.
El atributo span especifica cuántas columnas obtendrán el estilo.
Nota: Hay una selección muy limitada de propiedades CSS para
colgroup.
Ejemplo:
Nota: La etiqueta
<colgroup>debe ser hijo del elemento<table>y debe colocar antes de cualquier otro elemento de la tabla como<thead>,<tr>,<td>, etc, pero después del elemento<caption>.
Propiedades legales CSS
Hay una selección muy limitada de propiedades CSS que se pueden usar con el elemento <colgroup>.
Propiedad
widthPropiedad
visibilityPropiedad
backgroundPropiedades
borders
Todas las otras propiedades no tendrán efecto en tus tablas HTML.🤷♂️
Múltiples columnas
Si deseas estilos diferentes para las columnas, usa más elementos <col> dentro de <colgroup>.
Ejemplo:
Grupo de columnas vacías
Si desea diseñar columnas en medio de una tabla, inserte un elemento "vacío" (sin estilos) para las columnas anteriores:
Si quieres agregar estilos a las columnas en medio de una tabla, inserta un elemento <col> vacío para antes de la columna que recibirá los estilos.
Ejemplo:
Ocultar columnas
Puedes ocultar columnas de una tabla con la propiedad visibility: collapse:
Ejemplo:
Resumen
El elemento <colgroup> se utiliza para diseñar columnas específicas de una tabla.
Traducido con 💚 desde W3Schools.com