ปรับ paging ประวัติการลงเวลา

src/components/TableHistory.vue

@@ -77,25 +77,34 @@ const props = defineProps({
   },
 })
 
-// Pagination - page & change page & get new data
-const currentPage = ref<number>(1)
-watch(currentPage, () => {
-  console.log(currentPage.value)
-  props.changePage(currentPage.value, props.pageSize, true)
-})
+const emit = defineEmits(['update:change-page'])
 
 // Pagination - initial pagination
 const initialPagination = ref<any>({
   sortBy: null,
   descending: false,
   page: 1,
-  rowsPerPage: 1,
+  rowsPerPage: props.pageSize, // set ตาม page หลักส่งมา
 })
 
+// Pagination - page & change page & get new data
+const currentPage = ref<number>(1)
+watch(
+  [() => currentPage.value, () => initialPagination.value.rowsPerPage],
+  () => {
+    emit(
+      'update:change-page',
+      currentPage.value,
+      initialPagination.value.rowsPerPage,
+      true
+    )
+  }
+)
+
 // Pagination - update rowsPerPage
 async function updatePagination(newPagination: any) {
-  props.changePage(1, newPagination.rowsPerPage, true)
   initialPagination.value = newPagination
+  currentPage.value = 1 // set current page เป็น 1 เสมอเมื่อเปลี่ยน per row
 }
 
 /** column history table */