N'a pas trouvé quelque chose de satisfaisant pour ce problème particulier, même si cela a été demandé à plusieurs reprises. J'ai trouvé une solution possible, mais il faut que la barre de défilement verticale se déplace vers la gauche de l'écran. Pas idéal, mais fonctionne bien dans mon cas spécifique. S'il vous plaît, pas de commentaires sur ce point étant une mauvaise idée, sauf si vous avez une solution spécifique qui remplit le reste de mes exigences.Comment faire un en-tête fixe, une largeur fixe, un tableau défilant qui est plus large que l'écran sans Javascript?
Voici les détails pour mon problème:
- HTML/CSS seulement - il y a beaucoup de données et le défilement JavaScript que j'ai trouvé beaucoup trop lent et peu réactif. Javascript peut être utilisé pour des opérations de mise en forme ponctuelles tant qu'il ne fonctionne pas sur toutes les lignes de données.
- Doit être capable de faire défiler les lignes de haut en bas pendant que les en-têtes restent fixes.
- largeur de chaque colonne doit être fixé
- verticales et des barres de défilement horizontales doivent être visibles
Problem Example: Ce tableau fait tout ce qu'il faut, sauf pour une question - la barre de défilement vertical est visible sans défilement horizontal .
Current Solution: Cela résout mon problème spécifique, mais je ne pense pas que cela fonctionnera pour tout le monde. De meilleures solutions?
Merci, mais ces solutions ont été la raison pour laquelle j'ai créé ce poste - ni l'un ni l'autre tion. La table CSS Scrollable Table a mal fonctionné pour moi une fois que la table est devenue plus large que la page. Les solutions de thread Stack Overflow (que j'ai essayé) ont également mal fonctionné avec des tables larges (pour mon application au moins). –