Comment créer un tableau avec un en-tête fixe et un corps défilant ?

Réaliser le défilement du corps d'un tableau avec un en-tête fixe

Dans le développement Web, un défi courant consiste à créer des tableaux où les en-têtes restent fixes tandis que le corps du tableau défile. Cette situation a souvent intrigué les programmeurs.

Une solution consiste à utiliser JavaScript pour définir la hauteur de la table interne, tandis que CSS gère le style. Comme démontré dans cet exemple de CodePen (http://www.cssplay.co.uk/menu/tablescroll.html), l'expérience n°2 fournit une solution efficace.

La clé est de définir la hauteur de l'intérieur tableau en utilisant JavaScript pour obtenir la taille de tableau souhaitée. Le code CSS garantit que les en-têtes du tableau restent fixes pendant que le corps du tableau défile, ce qui donne un tableau qui se comporte comme une feuille de calcul Excel condensée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!