feat: add fixed header attribute on v-table

src/components/BisList.vue

@@ -48,7 +48,7 @@ const colorRowItem = (row) => {
 
 <template>
   <v-container fluid>
-    <v-data-table v-model="selected" class="datatable-height" show-select return-object :headers="headers" :items="bisList" :items-per-page="itemsPerPage" density="compact" :row-props="colorRowItem">
+    <v-data-table v-model="selected" class="datatable-height" show-select return-object fixed-header :headers="headers" :items="bisList" :items-per-page="itemsPerPage" density="compact" :row-props="colorRowItem">
       <template #item.name="{ item }">
         <span :class="`color-${item.classe}`">{{ item.name }}</span>
       </template>

src/components/HistoryList.vue

@@ -115,7 +115,7 @@ const submitDeleteHistory = async () => {
 </script>
 
 <template>
-  <v-data-table class="datatable-height" v-model="historySelected" filter-keys="name" :search="search" :headers="headers" :items="historyList" :items-per-page="itemsPerPage" density="compact" return-object show-select>
+  <v-data-table class="datatable-height" v-model="historySelected" filter-keys="name" :search="search" fixed-header :headers="headers" :items="historyList" :items-per-page="itemsPerPage" density="compact" return-object show-select>
     <template #top>
       <v-toolbar flat>
         <v-text-field v-model="search" class="ml-5" label="Filtrer un membre" prepend-inner-icon="mdi-magnify" variant="outlined" hide-details single-line density="compact" />

src/components/RosterList.vue

@@ -198,7 +198,7 @@ const saveRaidDate = async () => {
 
 <template>
   <v-container>
-    <v-data-table class="datatable-height" :headers="headers" :items="rosterList" :items-per-page="itemsPerPage" density="compact">
+    <v-data-table class="datatable-height" fixed-header :headers="headers" :items="rosterList" :items-per-page="itemsPerPage" density="compact">
       <template v-if="isLogged" #top>
         <v-toolbar flat>
           <div class="d-inline-flex pl-3 pt-5 gc-4">