4 votes

Recherche d'un moyen de figer les lignes et les colonnes d'un tableau en HTML

J'ai un grand tableau de données avec probablement environ 50 colonnes et quelques centaines de lignes. J'ai essayé de nombreux plugins jquery pour figer les en-têtes et les colonnes mais ils ne semblent pas fonctionner correctement. Après avoir ajouté un grand nombre de colonnes et de lignes, ils se figent ou mettent une éternité à se charger. D'après ce que je peux dire, le problème est lié à l'offsetHeight et à l'offsetWidth, mais je n'en sais pas assez pour le résoudre (ou même si c'est possible de le faire).

J'ai essayé d'utiliser des dataTables ainsi que des fixedheadertable. Je sais que le problème se pose lorsque j'ajoute le jquery. Si je n'utilise pas de jquery, le tableau se charge instantanément.

Quelqu'un a-t-il des recommandations ou des idées sur la façon de faire cela sans javascript ? Les données sont un énorme rapport et doivent donc figurer sur une seule page. J'ai besoin de pouvoir figer 2 lignes d'en-tête et 2 colonnes. Je souhaite également que le tableau puisse s'étendre à 100% de sa largeur (et peut-être à 100% de sa hauteur).

3voto

Adam Rackis Points 45559

Je diviserais votre tableau en deux tableaux. Faites en sorte que le premier tableau ne contienne rien d'autre que vos en-têtes de tableau, puis mettez un deuxième tableau en dessous, avec vos lignes de tableau.

Placez ensuite ce deuxième tableau dans un div défilant, de sorte que lorsque vous ferez défiler vos 100 lignes, vos en-têtes seront toujours visibles.

Quelque chose comme ce violon

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X