tablas - ¿La tabla HTML del elemento colgroup no funciona?

table group html

Question

Quiero diferentes estilos en cada columna de una tabla. He leído que puedes hacerlo usando <colgroup> o <col> , pero no tuve suerte. Tengo un ejemplo here , y nada parece cambiar. ¿Estoy haciendo algo mal? ¿Funcionará esto en xhtml?

Sé que podría agregar un atributo de "clase" en cada <td> , pero eso parece débil.

Answer 1

Eso es correcto. Si bien todos los navegadores admiten el mismo grupo, esto no es cierto para los atributos del elemento col interno . De los posibles atributos, solo el width es compatible con todos los navegadores. Pero a diferencia de CSS, <col width=""> solo admite píxeles y porcentajes de ancho.

No lo uses En su lugar, cree clases CSS y asignelas a cada td . Si, apesta

EDITAR enlace actualizado arriba a la página con mejor información

Answer 2

Establezca su table-layout en automático en lugar de fijo ...

table {table-layout: auto;}

Mi sitio personal soporta múltiples temas y veo este tipo de diferencias todo el tiempo.

Answer 3

Podría usar los selectores de css para obtener resultados similares sin agregar clases adicionales.

Como ejemplo, si desea dar un estilo específico a una segunda columna, puede usar:

table>tbody>td:nth-child(2){font-weight: bolder;}