diff --git a/components/ServerDbTable.vue b/components/ServerDbTable.vue index 548c39071c39fed6ec341da6e85d6533efed24ba..c0ffaa005c5d64a4c2e3d8020d81bdd5f623ad20 100644 --- a/components/ServerDbTable.vue +++ b/components/ServerDbTable.vue @@ -45,6 +45,7 @@ const { search: msSearch, result: msResult } = useMeiliSearch(props.db) const search: Ref<string> = ref(""); const filterOrSearch: Ref<FilterItem[] | null> = ref(null) const hitsPerPage: Ref<number> = ref(25) +const itemsPerPage: Ref<number[]> = ref([25, 50, 100]) const filterError: Ref<string | null> = ref(null) const msFilter: Ref<string | undefined> = ref(undefined) const page = ref(1) @@ -373,7 +374,7 @@ function clearSearch() { <v-data-table-server v-if="!msError" v-model:page="page" color="primary" v-bind="dataTableServerProps" v-model:items-per-page="hitsPerPage" v-model:sortBy="sortByRef" v-model:expanded="expanded" fixed-header :loading="loading" :items="msResult?.hits ?? []" :items-length="totalHits" density="compact" - :height="computedTableHeight" class="elevation-1 mt-2"> + :items-per-page-options="itemsPerPage" :height="computedTableHeight" class="elevation-1 mt-2"> <template v-for="(slot, index) of Object.keys(slots)" :key="index" v-slot:[slot]="data"> <slot :name="slot" v-bind="data"></slot>