fix load Table

src/modules/11_probation/views/mainDetail.vue

@@ -14,18 +14,10 @@ import type {
   ProbationFormType,
 } from "@/modules/11_probation/interface/index/main";
 
-import SkeletonTable from "@/components/SkeletonTable.vue";
-
 const $q = useQuasar();
 const mixin = useCounterMixin();
-const {
-  messageError,
-  findOrgName,
-  showLoader,
-  hideLoader,
-  date2Thai,
-  onSearchDataTable,
-} = mixin;
+const { messageError, findOrgName, hideLoader, date2Thai, onSearchDataTable } =
+  mixin;
 
 const profileId = ref<string>("");
 const rows = ref<ListMain[]>([]);
@@ -312,7 +304,10 @@ onMounted(async () => {
             </div>
             <q-resize-observer @resize="onResize" />
             <q-card-section>
-              <div class="text-center q-mt-md" style="display: flex;justify-content: center;">
+              <div
+                class="text-center q-mt-md"
+                style="display: flex; justify-content: center"
+              >
                 <q-avatar v-if="!isLoad" :size="sizeImg" rounded>
                   <img
                     :src="profileImg"
@@ -397,7 +392,6 @@ onMounted(async () => {
             </div>
             <div class="q-mt-sm">
               <d-table
-                v-if="!isLoad"
                 flat
                 dense
                 bordered
@@ -409,6 +403,8 @@ onMounted(async () => {
                 :rows-per-page-options="[10, 25, 50, 100]"
                 :visible-columns="visibleColumns"
                 :virtual-scroll-sticky-size-start="48"
+                :pagination="{ page: 1, rowsPerPage: 10 }"
+                :loading="isLoad"
               >
                 <template v-slot:header="props">
                   <q-tr :props="props">
@@ -471,15 +467,7 @@ onMounted(async () => {
                     </q-card>
                   </div>
                 </template>
-                <template v-slot:no-data>
-                  <div
-                    class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
-                  >
-                    <span> ไม่พบข้อมูล </span>
-                  </div>
-                </template>
               </d-table>
-              <SkeletonTable v-else :columns="columns" />
             </div>
           </q-card>
         </div>