@shival99/z-ui 1.7.12 → 1.7.14

package/fesm2022/shival99-z-ui-components-z-table.mjs

@@ -3166,6 +3166,14 @@ class ZTableComponent {
             overscan: virtual.overscan ?? Z_DEFAULT_VIRTUAL_OVERSCAN,
             groupSize: virtual.groupSize ?? Z_DEFAULT_GROUP_SIZE,
             dynamicSize: virtual.dynamicSize ?? false,
+            // TanStack Virtual options
+            initialOffset: virtual.initialOffset,
+            scrollMargin: virtual.scrollMargin,
+            gap: virtual.gap,
+            isScrollingResetDelay: virtual.isScrollingResetDelay,
+            useScrollendEvent: virtual.useScrollendEvent,
+            getItemKey: virtual.getItemKey,
+            rangeExtractor: virtual.rangeExtractor,
         };
     }, ...(ngDevMode ? [{ debugName: "_virtualConfig" }] : []));
     virtualRowHeight = computed(() => this._virtualConfig().size ?? Z_DEFAULT_ROW_HEIGHT, ...(ngDevMode ? [{ debugName: "virtualRowHeight" }] : []));
@@ -3547,11 +3555,14 @@ class ZTableComponent {
         const totalRows = untracked(() => this.table.getRowModel().rows.length);
         return Math.ceil(totalRows / this.groupSize());
     }, ...(ngDevMode ? [{ debugName: "_virtualGroupCount" }] : []));
+    _virtualResetVersion = signal(0, ...(ngDevMode ? [{ debugName: "_virtualResetVersion" }] : []));
     virtualizer = injectVirtualizer(() => {
+        this._virtualResetVersion();
         const groups = this.dynamicGroups();
         const rowHeight = this.virtualRowHeight();
         const groupSize = this.groupSize();
         const scrollElement = this.tbodyWrapper()?.nativeElement;
+        const virtualConfig = this._virtualConfig();
         return {
             scrollElement,
             count: groups.length > 0 ? groups.length : this._virtualGroupCount(),
@@ -3566,7 +3577,16 @@ class ZTableComponent {
                 return groupSize * rowHeight;
             },
             measureElement: (element) => element.getBoundingClientRect().height,
-            overscan: this._virtualConfig().overscan ?? Z_DEFAULT_VIRTUAL_OVERSCAN,
+            overscan: virtualConfig.overscan ?? Z_DEFAULT_VIRTUAL_OVERSCAN,
+            initialOffset: virtualConfig.initialOffset ?? 0,
+            ...(virtualConfig.scrollMargin !== undefined && { scrollMargin: virtualConfig.scrollMargin }),
+            ...(virtualConfig.gap !== undefined && { gap: virtualConfig.gap }),
+            ...(virtualConfig.isScrollingResetDelay !== undefined && {
+                isScrollingResetDelay: virtualConfig.isScrollingResetDelay,
+            }),
+            ...(virtualConfig.useScrollendEvent !== undefined && { useScrollendEvent: virtualConfig.useScrollendEvent }),
+            ...(virtualConfig.getItemKey !== undefined && { getItemKey: virtualConfig.getItemKey }),
+            ...(virtualConfig.rangeExtractor !== undefined && { rangeExtractor: virtualConfig.rangeExtractor }),
         };
     });
     _measureVirtualItems = effect(() => {
@@ -3706,6 +3726,8 @@ class ZTableComponent {
                 this.virtualizer.scrollToOffset(0);
                 // Force recalculate dynamic groups immediately
                 this._dynamicGroupsVersion.update(v => v + 1);
+                // Force virtualizer to reset with initialOffset: 0
+                this._virtualResetVersion.update(v => v + 1);
             }
             queueMicrotask(() => {
                 this._checkVerticalScroll();
@@ -3741,6 +3763,7 @@ class ZTableComponent {
                 if (this.isVirtual()) {
                     this.virtualizer.scrollToOffset(0);
                     this._dynamicGroupsVersion.update(v => v + 1);
+                    this._virtualResetVersion.update(v => v + 1);
                 }
                 this._checkScrollState();
             });