fix load Table

src/modules/10_registry/01_Information/02_ChangeName.vue

@@ -10,9 +10,6 @@ import config from "@/app.config";
 import { useQuasar, type QTableProps } from "quasar";
 import type { ChangNameRows } from "@/modules/10_registry/interface/response/01_Information";
 
-/** import component */
-import SkeletonTable from "@/components/SkeletonTable.vue";
-
 const $q = useQuasar();
 const dataStore = useDataStore();
 const { showLoader, hideLoader, messageError, date2Thai, onSearchDataTable } =
@@ -194,23 +191,21 @@ onMounted(async () => {
       />
     </q-toolbar>
 
-    <div v-if="isLoading">
-      <SkeletonTable :columns="columns" />
-    </div>
-
-    <div class="col-12" v-else>
+    <div class="col-12">
       <d-table
         flat
         dense
         bordered
         virtual-scroll
+        row-key="id"
         :rows="rows.length !== 0 ? rows : []"
         :columns="columns"
         :grid="!mode"
         :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"
       >
         <template v-slot:header="props">
           <q-tr :props="props">