Comment congeler ligne d'en-tête de tableau HTML?
Je suis en utilisant un tableau HTML et les ont appliquées de défilement verticale et maintenant j'ai envie de geler la ligne d'en-tête pendant le défilement. Comment puis-je faire cela?
- Pensez Javascript.
- La Question pourrait être posée de façon plus générale. voir ce post.
- Gelé en-têtes de tableau est une fonctionnalité qui HTML doit ajouter qu'un seul attribut. Cette question ne cesse de s'demandé partout et il suce que la seule façon de le faire est par la création de certains laid hack ou le téléchargement d'un plugin qui a le plus de lignes de code que ce que le reste du projet, combinée a.
- Essayez cette stackoverflow.com/a/25902860/5123803 vous pouvez résoudre en quatre lignes
Vous devez vous connecter pour publier un commentaire.
HTML:
CSS:
Un moyen facile est de créer 2 tables et de fixer la largeur d'une colonne.
La première loi sur la Tête
Le bas de la seconde table est l'endroit où la barre de défilement est présent et que des données.
pour l'avenir de chercher une solution pour la création d'une table avec un blocage de l'en-tête de colonne:
Voici le css pour les principaux PortfolioList div, puis le partie en-tête:
Maintenant, voici les tables dans les deux divs mentionnés ci-dessus:
J'ai utilisé jQuery pour ajouter le et le et remplit le contenu en conséquence.
J'espère que cela aide...
Découvrez ce plugin jQuery. Il permet de figer la colonne et de fixer l'en-tête, comme tu le voulais.
http://gridviewscroll.aspcity.idv.tw/
Cela semble de travail en FF.
<div>
éléments au lieu d'un<table>
qui aurait donné la même chose que cela fonctionnera sur tous les navigateurs, au lieu de simplement firefox. Je suis downvoting parce que le poste est trompeuse, et pourrait donner à quelqu'un espoir qu'il y est un moyen facile de soutenir un fixe en-tête de tableau dans firefox sans l'aide de 2 tables.