Tableau avec "volets figés" comme dans excel

Des livres incontournables pour tout maîtriser

Auteur
Chris_45	# 09 Feb 2012, 08:33:05
5 Posts	Bonjour à tous, Je cherche le moyen de créer un tableau dont la 1ere ligne et les 3 premières colonnes seraient figées à la manière des volets d'Excel. La 1ere ligne serait donc scrollable horizontalement, et les 3 colonnes verticalement. J'ai bien trouvé une solution mais elles est trop contraignante car elle nécessite que la taille des cellules soit déclarée. Comme les données viennent d'une base je ne peux pas connaitre la longueur du contenu ni le fixer. Mes recherches sur ce forum n'ont rien donné. Pouvez-vous m'aider ? Merci.
5 Posts
jb_gfx	# 09 Feb 2012, 08:46:53
2853 Posts	Avec un graphique de ce que tu attends je crois que ça serait plus facile à comprendre. Je ne sais pas si je suis cultivé ou si je viens d'inventer deux nouveaux mots.
2853 Posts
Chris_45	# 09 Feb 2012, 09:12:53
5 Posts	Voici un screenshot de la solution que j'ai trouvé mais qui ne convient pas tout à fait :
5 Posts
saajuck	# 09 Feb 2012, 09:14:36
78 Posts	Hello, Tu n'as pas la possibilité de séparer les colonnes qui doivent rester fixes ? dans une autre div ou une <table> ? Si tu le peux, un position : relative; fera ton affaire !
78 Posts
fvsch	# 09 Feb 2012, 09:29:08
20100 Posts	Ça me semble mal barré. En fait, ni HTML ni CSS ne sont prévus pour gérer ce cas de figure, qui sert à créer des applications web de type tableur ou à proposer la visualisation de tableaux complexes. Je pense que les quelques applications web de type tableur (Google Docs notamment) doivent utiliser une forte dose de JavaScript, et peut-être même une base DOM à base de DIVs plutôt que de tableaux HTML (ce serait à vérifier en analysant ce que fait Google Docs). Pour un en-tête fixe il y a peut-être un coup à jouer avec THEAD et avec du positionnement fixe. Mais je suis loin d'être sûr que ça marche. Pour les colonnes semi-fixes à gauche, ça me semble compliqué. Je pense que pour de la visualisation simple il y a peut-être un coup à jouer avec un tableau HTML, du CSS, et pas mal de scripting pour gérer ce qui se passe lors du scroll et adapter l'affichage en fonction (on n'appliquera donc pas le scroll natif du navigateur). Si tu es expert JS ou qu'il y en a un sur le projet, il y a peut-être un truc à faire.
20100 Posts
Chris_45	# 09 Feb 2012, 10:37:46
5 Posts	Merci pour ces réponses, je vais orienter mes recherches du côté du javascript et je vous tiens au courant si je trouve quelque chose de facilement exploitable.
5 Posts
pchlj	# 09 Feb 2012, 11:46:24
Just do it ! 327 Posts	salut... pour info datatables en jQuery te permet de le faire avec un pluggin voici le lien sur l'extra dans le site de datatables http://www.datatables.net/extras/fixedcolumns/
Just do it ! 327 Posts
Chris_45	# 09 Feb 2012, 14:38:27
5 Posts	Ca a l'air d'être tout à fait ce que je cherche! Merci pour le lien.
5 Posts
Chris_45	# 10 Feb 2012, 11:33:44
5 Posts	Je reviens juste pour dire un grand MERCI. Datatables est exactement ce que je cherchais ! C'est facile d'utilisation et peu contraignant. Merci à tous pour votre aide Modifié par Chris_45 (10 Feb 2012 - 11:34)
5 Posts
Prévenir un modérateur