Construire dans Table Bootstrap avec un en-tête collant fixe et un corps déroulant Utilisation de Bootstrap 4. Ce modèle est réactif et s’affiche donc bien dans des fenêtres plus petites.
Instructions étape par étape
- N’oubliez pas d’envelopper votre en-tête de table fixe dans un
thead
emballage - nous limitons
tbody
Hauteur aussi300px
(Ajouter de la valeur) et définiroverflow-y
àscroll
. Tout cela se fait en CSS. - Pour que tout fonctionne, nous devons définir les lignes et les cellules du tableau sur
display: block
etfloat: left
Si vous avez apprécié cet extrait, n’hésitez pas à l’explorer aussi
Menu bootstrap vertical
ou alors Liste déroulante Bootstrap Multiselect
.
Veuillez noter que l’éditeur interactif de cette page doit être affiché sur votre ordinateur portable ou de bureau pour de meilleurs résultats.