Tableau entêtes fixes largeur variable

Bonjour

J'ai un grand tableau pour lequel j'aimerai avoir des entêtes fixes. J'me suis alors dis "facile, j'vais ressortir un lien que je m'étais mis de coté" :
http://www.imaputz.com/cssStuff/bigFourVersion.html

Problème, il ne semble pas fonctionner sur IE7. Je fais donc une petite recherche et je tombe sur celui ci :
http://web.tampabay.rr.com/bmerkey/e...le-header.html

Sauf que là, il faut donner une largeur fixe au tableau, mais le miens est très grand (il y a une scroll horizontale et une verticale) et en plus la largeur peut varier en fonction du contenu.

J'ai donc trouvé ce lien qui semblait pouvoir résoudre mon problème :
http://web.tampabay.rr.com/bmerkey/e...olumn-csv.html

Sauf que ça ne fonctionne que sur IE :roll:

J'ai essayé de bidouiller des trucs, mais j'ai toujours ce problème de grande largeur :?
Quelqu'un aurait la solution miracle ? :aie:

Merci !

Bonjour,

Le 2e lien que tu donnes fonctionne même sans donner de largeur au tableau.
D'ailleurs, dans l'exemple, c'est le conteneur qui contient le tableau qui a une largeur définie, pas la tableau.

Je vais retester mais mes entêtes sortaient du conteneur la 1ere fois que j'ai essayé :?

Et de ce côté :
http://www.developpez.net/forums/d23...-colonne-fixe/
?

@c_s_s : retesté et comme je disais, ca ne fonctionne pas, mes entêtes sortent du conteneur car mon tableau est plus large que la page.

@Bisûnûrs : même problème constaté avec le lien donné dans le topic indiqué

Sinon il y a la solution à l'ancienne, avec une pas belle imbrication de tables, sur 2 niveaux.

http://www.ellm.net/labo/fix_header.html

L'avantage : ça marche quel que soit le navigateur et c'est très souple.

:aie:

Bah le problème de faire avec deux tableaux, c'est qu'il faut forcer la largeur des colonnes pour que celles de l'entête fasse la même taille que celles du contenu, non ?

Dans l'exemple la largeur des colonnes s'ajuste automatiquement. Il y a 4 colonnes, donc elles font toutes 25%.

Maintenant, si tu as beaucoup de colonnes et que le contenu de certaines cellules est plus important que la largeur de la colonne, il risque d'y avoir des décalages, effectivement.

Mon exemple était peut-être trop générique et trop simpliste. Je n'ai pas pris la peine d'essayer avec une vingtaines de colonnes et des données assez longue.


Tu as un exemple en ligne avec ton tableau ?

Voilà ma page :
http://www.sotiaf.fr/pilote/test.asp

(j'ai supprimé tous les précédents tests pour l'entête fixe)

Effectivement, ce n'est pas le même genre de tableau. :mrgreen:

A part définir des largeurs fixes pour une majorité de colonnes, j'avoue que ça va être dur d'obtenir l'effet escompté sur tous les navigateurs.

:?


Sinon il y a la solution de facilité : celle qui s'affichera avec une entête figée sur Firefox et qui s'affichera normalement (donc sans scroll) pour les autres navigateurs (IE, Opera). :(

Bah je pense que la majorité des utilisateurs va utiliser IE, donc quitte à devoir choisir une solution qui n'est pas multinavigateur, je crois que je vais prendre celle qu'il y a dans le 3eme lien de mon post initial :?

Si quelqu'un a une idée lumineuse, ça m'interresse toujours ;)

Une dernière solution, peut-être pas la meilleure j'en conviens, c'est de dissocier l'entête et le contenu en deux tableaux distincts et de calculer la largeur des cellules de l'entête en Javascript en fonction des cellules du contenu.