Comment créer un tableau défilant à en-tête fixe en HTML ?

Maintenir un en-tête de tableau fixe tout en autorisant le défilement du corps

Vous cherchez à créer un tableau HTML qui se comporte comme une feuille Excel miniature, avec un en-tête et un corps défilant, quel que soit le nombre de lignes ajoutées ? Bien que cette tâche puisse sembler simple, trouver une solution efficace s'est avérée difficile.

Une approche réussie est illustrée dans l'exemple disponible sur http://www.cssplay.co.uk/menu/tablescroll.html. L'exemple n°2 s'est avéré particulièrement efficace, combinant HTML, CSS et JavaScript pour obtenir le résultat souhaité.

La clé est de définir la hauteur du tableau intérieur à l'aide de JavaScript. Le CSS garantit que l'en-tête reste stationnaire, tandis que le tableau interne défile indépendamment. Cette combinaison permet d'obtenir un tableau dynamique qui s'adapte parfaitement aux données changeantes tout en conservant un en-tête stable.

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!