fix load Table

src/modules/10_registry/03_Salary/02_Nopaid.vue

@@ -11,7 +11,6 @@ import { useRegistryDataStore } from "@/modules/10_registry/store/Main";
 import type { NopaidFormType } from "@/modules/10_registry/interface/index/Main";
 
 import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue";
-import SkeletonTable from "@/components/SkeletonTable.vue";
 
 const $q = useQuasar();
 const dataPerson = useDataStore();
@@ -340,9 +339,7 @@ onMounted(async () => {
       />
     </q-toolbar>
 
-    <SkeletonTable v-if="isLoading" :columns="columns" />
     <d-table
-      v-else
       flat
       dense
       bordered
@@ -353,7 +350,9 @@ onMounted(async () => {
       :rows-per-page-options="[10, 25, 50, 100]"
       :visible-columns="visibleColumns"
       :virtual-scroll-sticky-size-start="48"
-      v-model:pagination="pagination"
+      :pagination="pagination"
+      :loading="isLoading"
+      row-key="id"
     >
       <template v-slot:header="props">
         <q-tr :props="props">