fixed header, scrollable rows and responsible bootstrap table using jquery DataTable

Demo

Nous allons ici créer une table bootstrap qui est responsive, et on va lui ajouter, un scrolleur pour fixer la hauteur des lignes de notre table, tout en gardant un header fixe et responsive,
La doc officiel de Bootstrap Table est ici
La doc officiel de jQuery DataTable est ici

Code HTML d'une table bootstrap responsive

Grâce aux classe CSS "table-responsive" et "table", que nous fournissent la bibliothèque de Bootstrap, notre Table devient automatiquement responsive

Script JS de jQuery DataTable

Grâce à ce script, on obtient une table, qui dispose d'un scrolleur sur les lignes de notre tableau, tout en gardant le header fixe, de plus en obtient une table avec un champ de recherche sur notre table, et une pagination,
Si vous regarder sur le site officiel de DataTable, vous trouverez beaucoup d'autres fonctionnalité qui pourrons vous plaire, et que je trouve utiles dans plusieurs cas.

Noter qu’il faut importer les bibliothèques dans le header de votre page HTML
Les bibliothèque qu'il faut importer sont comme suit :

CSS
CSS
JS
JS
JS

Bon Courage,
Tanemmirt.