fix(VDataTable): remove page clamp on initial render

fixes #17966 closes #20185
vuetifyjs · Oct 17, 2024 · 60bc70e · 60bc70e
1 parent 488fc02
commit 60bc70e
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/vuetify/src/components/VDataTable/composables/paginate.ts b/packages/vuetify/src/components/VDataTable/composables/paginate.ts
@@ -2,7 +2,7 @@
 import { useProxiedModel } from '@/composables/proxiedModel'
 
 // Utilities
-import { computed, inject, provide, watch, watchEffect } from 'vue'
+import { computed, inject, provide, watch } from 'vue'
 import { clamp, getCurrentInstance, propsFactory } from '@/util'
 
 // Types
@@ -73,7 +73,8 @@ export function providePagination (options: {
     return Math.ceil(itemsLength.value / itemsPerPage.value)
   })
 
-  watchEffect(() => {
+  // Don't run immediately, items may not have been loaded yet: #17966
+  watch([page, pageCount], () => {
     if (page.value > pageCount.value) {
       page.value = pageCount.value
     }