add paginator to eval table

OCR4all · Oct 21, 2024 · cc7e7ed · cc7e7ed
1 parent 1f89889
commit cc7e7ed
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/Repository/Datasets/Dialog/EvaluationDialog.vue b/src/components/Repository/Datasets/Dialog/EvaluationDialog.vue
@@ -3,6 +3,7 @@ import { useCustomFetch } from "@/composables/useCustomFetch";
 import type { DynamicDialogInstance } from "primevue/dynamicdialogoptions";
 import InputText from "primevue/inputtext";
 import {FilterMatchMode} from "@primevue/core/api";
+import DataTable from "primevue/datatable";
 
 const dialogRef: Ref<DynamicDialogInstance> | undefined = inject("dialogRef");
 
@@ -110,7 +111,7 @@ const exportCSV = () => {
         </template>
       </StatsCard>
     </div>
-    <DataTable ref="dt" :value="data.details" v-model:filters="filters">
+    <DataTable ref="dt" :value="data.details" v-model:filters="filters" :paginator="true" :rows="10" :rows-per-page-options="[5, 10, 20, 50]">
       <template #header>
         <div class="flex flex-wrap items-center justify-between gap-2">
           <IconField>