@shival99/z-ui 1.7.11 → 1.7.13

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

@@ -3547,7 +3547,10 @@ 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(() => {
+        // Track reset version to force virtualizer re-initialization
+        this._virtualResetVersion();
         const groups = this.dynamicGroups();
         const rowHeight = this.virtualRowHeight();
         const groupSize = this.groupSize();
@@ -3567,6 +3570,7 @@ class ZTableComponent {
             },
             measureElement: (element) => element.getBoundingClientRect().height,
             overscan: this._virtualConfig().overscan ?? Z_DEFAULT_VIRTUAL_OVERSCAN,
+            initialOffset: 0,
         };
     });
     _measureVirtualItems = effect(() => {
@@ -3693,6 +3697,7 @@ class ZTableComponent {
         });
         explicitEffect([this.columnFilters, this.globalFilter, this.pagination, this.sorting, this._data], () => {
             if (this.isVirtual()) {
+                // Reset scroll position synchronously
                 const wrapperEl = this.tbodyWrapper()?.nativeElement;
                 if (wrapperEl) {
                     wrapperEl.scrollTop = 0;
@@ -3701,14 +3706,16 @@ class ZTableComponent {
                 if (scrollbar) {
                     void scrollbar.scrollTo({ top: 0, duration: 0 });
                 }
+                // Reset virtualizer to offset 0
                 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();
                 this._checkHorizontalScroll();
-                if (this.isVirtual()) {
-                    this._dynamicGroupsVersion.update(v => v + 1);
-                }
             });
         });
         explicitEffect([this.virtualizer.getVirtualItems], () => {
@@ -3729,12 +3736,19 @@ class ZTableComponent {
                 }
                 return;
             }
+            // Loading finished - reset scroll positions
             queueMicrotask(() => {
                 const wrapperEl = this.tbodyWrapper()?.nativeElement;
                 if (wrapperEl) {
                     wrapperEl.scrollTop = 0;
                     wrapperEl.scrollLeft = this._savedScrollLeft();
                 }
+                // Critical: Reset virtualizer when loading finishes in server mode
+                if (this.isVirtual()) {
+                    this.virtualizer.scrollToOffset(0);
+                    this._dynamicGroupsVersion.update(v => v + 1);
+                    this._virtualResetVersion.update(v => v + 1);
+                }
                 this._checkScrollState();
             });
         });