pageination

src/modules/03_recruiting/components/TableCandidate.vue

@@ -191,6 +191,18 @@
       selection="multiple"
       v-model:selected="selected"
     >
+    <template v-slot:pagination="scope">
+            <q-pagination
+              v-model="pagination.page"
+              active-color="primary"
+              color="dark"
+              :max="scope.pagesNumber"
+              :max-pages="5"
+              size="sm"
+              boundary-links
+              direction-links
+            ></q-pagination>
+          </template>
       <template v-slot:header="props">
         <q-tr :props="props">
           <q-th auto-width>
@@ -239,7 +251,12 @@ const selected = ref<string[]>([]);
 const { messageError, showLoader, hideLoader } = mixin;
 
 const dateFilter = ref<[Date, Date]>([new Date(), new Date()]); //วันที่เลือกค้นหา
-
+const pagination = ref({
+  // sortBy: "desc",
+  descending: false,
+  page: 1,
+  rowsPerPage: 10,
+});
 const props = defineProps({
   inputfilter: String,
   inputvisible: Array,