Colonne de table à défilement horizontal

Question

Je devrais construire une table html qui a une colonne à défilement horizontal. Le parchemin doit être placé dans l'en-tête de la colonne.

Ma première question est: connaissez-vous un plug-in jQuery capable de faire cela? Ma deuxième question: est-ce possible en utilisant une seule table? J'ai entendu dire que, pour ce faire, vous devez utiliser plusieurs tables synchronisées qui ressemblent à une seule du point de vue de l'utilisateur.

Toute idée/conseil serait la bienvenue.

Answer 1

J'ai seulement vu quelque chose comme ceci using jqGrid, mais c'était deux tables (la table principale a une deuxième table défilement dedans). Je voudrais savoir un plugin pour cela aussi ...

Answer 2

Je ferais comme vous avez suggéré et utiliser 2 conteneurs. Ils seraient tous les deux configurés pour déborder: défiler et avoir une largeur définie, mais la partie supérieure contiendrait simplement une div que vous pouvez définir pour avoir la même largeur que votre table. Vous pouvez ensuite vous lier à l'événement "scroll" dans jquery, et définir la position de défilement des divs pour correspondre les uns aux autres dans cet événement. Honnêtement, je n'ai pas essayé cela, donc je ne sais pas comment cet événement se déclenche de manière fiable, mais en théorie cela devrait fonctionner. Alternativement, vous pouvez vous passer de la barre de défilement du navigateur standard et écrire votre propre barre de défilement qui utilise javascript pour définir la position de votre table dans le débordement: scroll div. Si vous voulez un comportement déplaçable (pas seulement des flèches gauche/droite), cela pourrait être un peu difficile, mais ce ne serait pas impossible.