Table HTML élément colgroup ne fonctionne pas?
Je veux des styles différents sur chaque colonne d'une table. J'ai lu que vous pouviez le faire en utilisant <colgroup> ou <col>, mais je n'ai pas eu de chance. J'ai un exemple ici, et rien ne semble changer. Suis-je en train de faire quelque chose de mal? Ce travail sur le xhtml?
Je sais que je pourrais ajouter un attribut "class" sur chaque <td>, mais qui semble faible.
3 réponses
C'est exact. Alors que colgrouplui-même est pris en charge par tous les navigateurs, ce n'est pas vrai pour les attributs de l'élément interne col . Parmi les attributs possibles, seul width est pris en charge sur tous les navigateurs. Mais contrairement à CSS, <col width=""> ne prend en charge que les largeurs de pixels et de pourcentages.
Ne l'utilisez pas. Au lieu de cela, créez des classes CSS et affectez-les à chaque td. Oui, elle le suce.
Modifier lien mis à jour ci-dessus à la page avec de meilleures informations
Définissez votre table-layout sur auto au lieu de fixe...
table {table-layout: auto;}
Mon site personnel prend en charge plusieurs thèmes et je vois ce genre de différences tout le temps.
Vous pouvez utiliser des sélecteurs css pour obtenir des résultats similaires sans ajouter de classes supplémentaires.
Comme un exemple si vous voulez donner un style particulier à une deuxième colonne, vous pouvez utiliser:
table>tbody>td:nth-child(2){font-weight: bolder;}