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 aussi 300px (Ajouter de la valeur) et définir overflow-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 et float: 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.



Source link

Recent Posts