Discussion :

[poitierjohan]

Bonjour à tous,
Sur plusieurs de pages, j'ai un tableau pouvant contenir jusqu'à 5000 lignes.
Or, j'aimerais bien que la ligne d'en-tête (titre des colonnes) reste toujours visible à l'écran même si on utilise le scroll.

Est-ce possible ?

Merci pour votre aide...

[rodolphebrd]

Bonjour,

souhaitez-vous quelques chose comme cela:http://cmcqueen1975.bitbucket.org/ht...er/tables.html

Note : je vous invite à mieux reformuler votre question pour aider ceux qui auront un problème identique au votre.

[poitierjohan]

Oui c'est exactement ça !

[rodolphebrd]

En faisant une recherche très rapide j'ai trouvé cette solution en Jquery:http://jsfiddle.net/jmosbech/stFcx/
https://github.com/jmosbech/StickyTableHeaders

[Bovino]

Un peu HS, mais ce qui est paradoxal, c'est que ça devrait être (selon les specs du W3C) le comportement normal d'une table séparée en <thead>, <tfoot> et <tbody>... Mais aucun navigateur ne le fait...

[rodolphebrd]

Sinon une soluton basique en css : http://jsfiddle.net/vkhNC/

[poitierjohan]

Merci pour votre aide, j'ai pu arriver à un résultat positif.

Autre question dans le même esprit... Est-ce possible pour la première colonne ??? tjrs visible malgré un scroll horizontal...

L'idéal serait de combiner les 2 !

[Auteur]

Sinon une soluton basique en css : http://jsfiddle.net/vkhNC/

La première ligne disparait derrière le <thead> qui est fixe Cela se remarque si le tableau comporte peu de lignes et même dans l'exemple donné : le 1er "January" reste invisible (Firefox 21.0, IE 9).

[rodolphebrd]

Après le lien est récupéré sur le web pour servir d'exemple mais c'est solutionnable avec un padding :http://jsfiddle.net/vkhNC/65/