feat: add listBufferSize prop to virtual table

Author: SerVitasik

adminforth/documentation/docs/tutorial/03-Customization/13-standardPagesTuning.md

@@ -151,6 +151,20 @@ export default {
     }
   ]
 ```
+Additionally, you can configure `options.listBufferSize` to specify the number of rows to buffer for virtual scrolling. The default value is 30 rows.
+
+```typescript title="./resources/apartments.ts"
+export default {
+      resourceId: 'aparts',
+      options: {
+        ...
+        listVirtualScrollEnabled: true,
+//diff-add
+        listBufferSize: 20,
+      }
+    }
+  ]
+```
 
 ### Custom row click action
 

adminforth/spa/src/views/ListView.vue

@@ -123,7 +123,7 @@
       :tableBodyStartInjection="coreStore.resourceOptions?.pageInjections?.list?.tableBodyStart"
       :container-height="1100"
       :item-height="52.5"
-      :buffer-size="30"
+      :buffer-size="listBufferSize"
     />
     <ResourceListTable
       v-else
@@ -202,6 +202,7 @@ const DEFAULT_PAGE_SIZE = 10;
 
 const pageSize = computed(() => coreStore.resource?.options?.listPageSize || DEFAULT_PAGE_SIZE);
 const isVirtualScrollEnabled = computed(() => coreStore.resource?.options?.listVirtualScrollEnabled || false);
+const listBufferSize = computed(() => coreStore.resource?.options?.listBufferSize || 30);
 
 const isPageLoaded = ref(false);
 

adminforth/types/Common.ts

@@ -399,6 +399,11 @@ export interface AdminForthResourceInputCommon {
        */
       listVirtualScrollEnabled?: boolean,
 
+      /**
+       * Buffer size for virtual scroll in list view.
+       */
+      listBufferSize?: number,
+
       /**
        * Callback to define what happens when user clicks on record in list view.
        * By default show view will be opened.