diff --git a/src/pages/Customer/Defaulter/CustomerDefaulter.vue b/src/pages/Customer/Defaulter/CustomerDefaulter.vue
index 1af5b3fd9..475672009 100644
--- a/src/pages/Customer/Defaulter/CustomerDefaulter.vue
+++ b/src/pages/Customer/Defaulter/CustomerDefaulter.vue
@@ -15,7 +15,6 @@ import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import CustomerDefaulterAddObservation from './CustomerDefaulterAddObservation.vue';
 const stateStore = useStateStore();
-const refreshKey = ref(0);
 
 const { t } = useI18n();
 const quasar = useQuasar();
@@ -242,7 +241,6 @@ const onFetch = (data) => {
         <VnPaginate
             @on-fetch="onFetch"
             data-key="CustomerDefaulter"
-            :key="refreshKey"
             :filter="filter"
             auto-load
             url="Defaulters/filter"
diff --git a/src/pages/Customer/ExtendedList/CustomerExtendedList.vue b/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
index cd39c7d6f..b5b509d1b 100644
--- a/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
+++ b/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
@@ -10,7 +10,7 @@ import CustomerExtendedListActions from './CustomerExtendedListActions.vue';
 import CustomerExtendedListFilter from './CustomerExtendedListFilter.vue';
 import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-
+import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import { useArrayData } from 'composables/useArrayData';
 import { useStateStore } from 'stores/useStateStore';
 import { toDate } from 'src/filters';
@@ -37,8 +37,6 @@ onMounted(() => {
     allColumnNames.value = filteredColumns.map((col) => col.name);
 });
 
-const rows = computed(() => arrayData.value.store.data);
-
 const selectedCustomerId = ref(0);
 const selectedSalesPersonId = ref(0);
 const allColumnNames = ref([]);
@@ -536,69 +534,97 @@ const selectSalesPersonId = (id) => (selectedSalesPersonId.value = id);
     </VnSubToolbar>
 
     <QPage class="column items-center q-pa-md">
-        <QTable
-            :columns="columns"
-            :rows="rows"
-            class="full-width q-mt-md"
-            row-key="id"
-            :visible-columns="visibleColumns"
-            @row-click="(evt, row, id) => navigateToTravelId(row.id)"
+        <VnPaginate
+            data-key="CustomerExtendedList"
+            url="Clients/extendedListFilter"
+            auto-load
         >
-            <template #body-cell="{ col, value }">
-                <QTd @click="stopEventPropagation($event, col)">
-                    {{ value }}
-                </QTd>
-            </template>
-            <template #body-cell-customerStatus="props">
-                <QTd @click="stopEventPropagation($event, props.col)">
-                    <component
-                        :is="tableColumnComponents[props.col.name].component"
-                        class="col-content"
-                        v-bind="tableColumnComponents[props.col.name].props(props)"
-                        @click="tableColumnComponents[props.col.name].event(props)"
+            <template #body="{ rows }">
+                <div class="q-pa-md">
+                    <QTable
+                        :columns="columns"
+                        :rows="rows"
+                        class="full-width q-mt-md"
+                        row-key="id"
+                        :visible-columns="visibleColumns"
+                        @row-click="(evt, row, id) => navigateToTravelId(row.id)"
                     >
-                    </component>
-                </QTd>
+                        <template #body-cell="{ col, value }">
+                            <QTd @click="stopEventPropagation($event, col)">
+                                {{ value }}
+                            </QTd>
+                        </template>
+                        <template #body-cell-customerStatus="props">
+                            <QTd @click="stopEventPropagation($event, props.col)">
+                                <component
+                                    :is="tableColumnComponents[props.col.name].component"
+                                    class="col-content"
+                                    v-bind="
+                                        tableColumnComponents[props.col.name].props(props)
+                                    "
+                                    @click="
+                                        tableColumnComponents[props.col.name].event(props)
+                                    "
+                                >
+                                </component>
+                            </QTd>
+                        </template>
+                        <template #body-cell-id="props">
+                            <QTd @click="stopEventPropagation($event, props.col)">
+                                <component
+                                    :is="tableColumnComponents[props.col.name].component"
+                                    class="col-content"
+                                    v-bind="
+                                        tableColumnComponents[props.col.name].props(props)
+                                    "
+                                    @click="
+                                        tableColumnComponents[props.col.name].event(props)
+                                    "
+                                >
+                                    <CustomerDescriptorProxy :id="props.row.id" />
+                                    {{ props.row.id }}
+                                </component>
+                            </QTd>
+                        </template>
+                        <template #body-cell-salesPersonFk="props">
+                            <QTd @click="stopEventPropagation($event, props.col)">
+                                <component
+                                    v-if="props.row.salesPerson"
+                                    class="col-content"
+                                    :is="tableColumnComponents[props.col.name].component"
+                                    v-bind="
+                                        tableColumnComponents[props.col.name].props(props)
+                                    "
+                                    @click="
+                                        tableColumnComponents[props.col.name].event(props)
+                                    "
+                                >
+                                    <WorkerDescriptorProxy
+                                        :id="props.row.salesPersonFk"
+                                    />
+                                    {{ props.row.salesPerson }}
+                                </component>
+                                <span class="col-content" v-else>-</span>
+                            </QTd>
+                        </template>
+                        <template #body-cell-actions="props">
+                            <QTd @click="stopEventPropagation($event, props.col)">
+                                <component
+                                    :is="tableColumnComponents[props.col.name].component"
+                                    class="col-content"
+                                    v-bind="
+                                        tableColumnComponents[props.col.name].props(props)
+                                    "
+                                    @click="
+                                        tableColumnComponents[props.col.name].event(props)
+                                    "
+                                />
+                            </QTd>
+                        </template>
+                    </QTable>
+                </div>
             </template>
-            <template #body-cell-id="props">
-                <QTd @click="stopEventPropagation($event, props.col)">
-                    <component
-                        :is="tableColumnComponents[props.col.name].component"
-                        class="col-content"
-                        v-bind="tableColumnComponents[props.col.name].props(props)"
-                        @click="tableColumnComponents[props.col.name].event(props)"
-                    >
-                        <CustomerDescriptorProxy :id="props.row.id" />
-                        {{ props.row.id }}
-                    </component>
-                </QTd>
-            </template>
-            <template #body-cell-salesPersonFk="props">
-                <QTd @click="stopEventPropagation($event, props.col)">
-                    <component
-                        v-if="props.row.salesPerson"
-                        class="col-content"
-                        :is="tableColumnComponents[props.col.name].component"
-                        v-bind="tableColumnComponents[props.col.name].props(props)"
-                        @click="tableColumnComponents[props.col.name].event(props)"
-                    >
-                        <WorkerDescriptorProxy :id="props.row.salesPersonFk" />
-                        {{ props.row.salesPerson }}
-                    </component>
-                    <span class="col-content" v-else>-</span>
-                </QTd>
-            </template>
-            <template #body-cell-actions="props">
-                <QTd @click="stopEventPropagation($event, props.col)">
-                    <component
-                        :is="tableColumnComponents[props.col.name].component"
-                        class="col-content"
-                        v-bind="tableColumnComponents[props.col.name].props(props)"
-                        @click="tableColumnComponents[props.col.name].event(props)"
-                    />
-                </QTd>
-            </template>
-        </QTable>
+        </VnPaginate>
     </QPage>
 </template>
 
diff --git a/src/pages/Customer/Notifications/CustomerNotifications.vue b/src/pages/Customer/Notifications/CustomerNotifications.vue
index 9ccac98ff..9ff6b2301 100644
--- a/src/pages/Customer/Notifications/CustomerNotifications.vue
+++ b/src/pages/Customer/Notifications/CustomerNotifications.vue
@@ -74,7 +74,6 @@ const columns = computed(() => [
         name: 'email',
     },
 ]);
-const refreshKey = ref(0);
 
 const selectCustomerId = (id) => {
     selectedCustomerId.value = id;
@@ -115,12 +114,7 @@ const selectCustomerId = (id) => {
         </template>
     </VnSubToolbar>
     <QPage class="column items-center q-pa-md">
-        <VnPaginate
-            :key="refreshKey"
-            data-key="CustomerNotifications"
-            url="Clients"
-            auto-load
-        >
+        <VnPaginate data-key="CustomerNotifications" url="Clients" auto-load>
             <template #body="{ rows }">
                 <div class="q-pa-md">
                     <QTable