Tableau et positionnement fixed du thead

Bonjour,

J'ai un tableau qui fait toute la largeur de la fenêtre. La plupart de ses colonnes ont une taille fixe en pixel et la dernière prend tout l'espace disponible restant. Maintenant, le thead du tableau contient des boutons icones pour trier les données par la propriété de la colonne. Je souhaite donc que le thead soit toujours visible et que le tbody passe en dessous lorsque l'on scroll.

J'ai donc appliqué les styles suivants au thead :

position: fixed; z-index: 2; background-color: white;

Résultat, je perds mes informations de largeur: la colonne extensible ne prend plus toute la place restante mais uniquement ce dont elle a besoin pour son contenu. De plus, la taille prise par le th situé dans le thead est différente de celle du td situé dans le tbody (pour la même colonne avec la meme classe css).

Je ne comprend pas pourquoi.

Bonjour,

un petit lien ou du code pour qu'on puisse faire des essais ?

De tête je dirais que c'est parce, comme tu mets ton thead en position:fixed, il sort du flux. Il n'y a donc plus aucune influence, comme par exemple la largeur. Mais je dois avouer n'être pas bien forte en style de tableau, je peux me tromper.
Modifié par AkaiKen (17 Aug 2011 - 16:34)