fix load Table

src/modules/02_transfer/views/Main.vue

@@ -14,8 +14,6 @@ import type {
   TransferMain,
 } from "@/modules/02_transfer/interface/Main";
 
-import SkeletonTable from "@/components/SkeletonTable.vue";
-
 const $q = useQuasar();
 const router = useRouter();
 const mixin = useCounterMixin();
@@ -247,33 +245,18 @@ onMounted(async () => {
           </div>
           <div>
             <d-table
-              v-if="!isLoading"
               flat
               bordered
               dense
               :paging="true"
               row-key="id"
-              class="custom-table2"
-              style="max-height: 80vh"
               :rows="rows"
               :columns="columns"
               :visible-columns="visibleColumns"
               :rows-per-page-options="[10, 25, 50, 100]"
-              v-model:pagination="pagination"
+              :pagination="pagination"
+              :loading="isLoading"
             >
-              <template v-slot:pagination="scope">
-                ทั้งหมด {{ rows.length }} รายการ
-                <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
@@ -341,11 +324,11 @@ onMounted(async () => {
                 </div>
               </template>
             </d-table>
-            <SkeletonTable v-else :columns="columns" />
           </div>
         </q-card>
       </div>
     </div>
   </div>
 </template>
+
 <style scoped lang="scss"></style>