โครงสร้างอัตรากำลัง

src/modules/02_organizationalNew/components/TreeTable.vue

@@ -433,6 +433,11 @@ async function onClickDownloadReport(val: string, name: string) {
       messageError($q, err);
     });
 }
+
+const pagination = ref({
+  page: 1,
+  rowsPerPage: 10,
+});
 </script>
 
 <template>
@@ -537,14 +542,14 @@ async function onClickDownloadReport(val: string, name: string) {
       ref="table"
       :columns="columns"
       :rows="posMaster"
+      :paging="true"
       row-key="id"
       flat
       bordered
-      :paging="true"
       dense
       :rows-per-page-options="[10, 25, 50, 100]"
       @update:pagination="updatePagination"
-      class="tableTb"
+      v-model:pagination="pagination"
     >
       <template v-slot:header="props">
         <q-tr :props="props">
@@ -773,6 +778,7 @@ async function onClickDownloadReport(val: string, name: string) {
           active-color="primary"
           color="dark"
           :max="totalPage"
+          :max-pages="5"
           size="sm"
           boundary-links
           direction-links