Partage
  • Partager sur Facebook
  • Partager sur Twitter

Masquer des colonnes via la balise <col>

Sujet résolu
17 octobre 2017 à 15:58:35

Bonjour,

Après plusieurs essais infructueux, je viens quérir un peu d'aide !

J'ai crée un tableau et je souhaite pouvoir masquer une colonne (ou plusieurs) à volonté suivant un événement JS. Sans rentrer dans le javascript, j'aimerai savoir si il est réellement possible de masquer une colonne via la balise <col> en lui appliquant un "display:none;" par exemple.

J'ai effectué un test en lui appliquant le css ci-dessus mais rien ne se passe. En inspectant via le module dev' de Firefox, je m’aperçois que la balise <col> semble bien cachée mais la colonne reste visible en aperçu.

Est-ce une mauvaise connaissance de ma part de la balise <col> ou dois-je obligatoirement masquer les cellules "une à une" de la colonne que je souhaite faire disparaitre ?

En espérant avoir été claire, merci d'avance pour vos lumières ^^

  • Partager sur Facebook
  • Partager sur Twitter
17 octobre 2017 à 16:01:19

Bonjour,

l'élément "col" n'a pas droit à grand chose en CSS… width, background, border et visibility, et c'est tout. Source : https://www.w3.org/TR/CSS21/tables.html#columns Cependant, visibility pourrait répondre à ton besoin si tu lui mets la valeur "collapse" :)

(notons qu'il sera profitable d'ajouter/enlever une classe à tes <col> plutôt que d'y mettre directement le style)

-
Edité par Lamecarlate 17 octobre 2017 à 16:02:06

  • Partager sur Facebook
  • Partager sur Twitter

Pas d'aide concernant le code par MP, le forum est là pour ça :)

17 octobre 2017 à 16:05:14

Aah merci c'est exactement ce qu'il me fallait ! Cela va grandement alléger mon code !

Merci encore ! Sujet résolu !

  • Partager sur Facebook
  • Partager sur Twitter
17 octobre 2017 à 16:14:03

Super :) Bonne continuation !
  • Partager sur Facebook
  • Partager sur Twitter

Pas d'aide concernant le code par MP, le forum est là pour ça :)