diff --git a/packages/nc-gui/components/nc/Pagination.vue b/packages/nc-gui/components/nc/Pagination.vue
index caf622827b..3efe511692 100644
--- a/packages/nc-gui/components/nc/Pagination.vue
+++ b/packages/nc-gui/components/nc/Pagination.vue
@@ -42,7 +42,10 @@ const goToFirstPage = () => {
 }
 
 const pagesList = computed(() => {
-  return Array.from({ length: totalPages.value }, (_, i) => i + 1)
+  return Array.from({ length: totalPages.value }, (_, i) => ({
+    value: i + 1,
+    label: i + 1,
+  }))
 })
 </script>
 
@@ -71,11 +74,10 @@ const pagesList = computed(() => {
       <GeneralIcon icon="arrowLeft" />
     </NcButton>
     <div v-if="!isMobileMode" class="text-gray-600">
-      <a-select v-model:value="current" class="!mr-[2px]" virtual>
+      <a-select v-model:value="current" class="!mr-[2px]" :options="pagesList">
         <template #suffixIcon>
           <GeneralIcon icon="arrowDown" class="text-gray-500 nc-select-expand-btn" />
         </template>
-        <a-select-option v-for="p of pagesList" :key="`p-${p}`" @click="changePage({ set: p })">{{ p }}</a-select-option>
       </a-select>
       <span class="mx-1"> {{ mode !== 'full' ? '/' : 'of' }} </span>
       <span class="total">