Discussion :

[fabrice91]

bonjour,

J'ai une table avec plusieurs colonnes que l'utilisateur peut choisir de montrer ou non avec des checkbox : une par colonne
Lorsqu'il clique une checkbox, la colonne correspondante passe en "display: none" et disparait.
En recliquant sur la checkbox, la colonne réapparait.
Les cellules de chaque colonne sont sur ce modèle :
<td><div style='display:none'>contenu</div></td>
Mon souci est lorsqu'il y a plusieurs colonnes cachées, celles-ci prennent malgré tout une petite place non négligeable qui bout à bout fait un grand espace :
Si toutes mes colonnes sont sélectionnées voici le résultat :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

colonne1 colonne2 colonne3 colonne4 colonne5

Si on ne selectionne que les colonnes 1 et 5 on devrait voir :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

colonne1 colonne5

Mais en fait on obtient ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

colonne1          colonne5

Si je fais un border=1 dans ma table, je vois les séparations des colonnes 2 3 et 4.
J'ai essayé de mettre un width=0 lorsque le display est none mais sans succès.
Une idée ???
Merci

[Macmillenium]

Bonjour,

Transfère le display:none sur les <td>.

[fabrice91]

Bonjour,

Transfère le display:none sur les <td>.

oui j'avais déjà essayé mais abandonné car j'avais des effets bizarres...
je me demande si je n'ai pas des effets de bord à cause d'autres balises css
je vais tester cette solution sur une page vierge pour voir