@shival99/z-ui 1.2.37 → 1.2.38

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

@@ -3115,7 +3115,7 @@ class ZTableComponent {
             if (!cacheLoaded && (leftPinned.length > 0 || rightPinned.length > 0)) {
                 this.columnPinning.set({ left: leftPinned, right: rightPinned });
             }
-        }, { defer: true });
+        });
         explicitEffect([this.zConfig], ([cfg]) => {
             if (cfg.enableRowPinning && !this.hasBodyRowSpan()) {
                 const cols = cfg.columns ?? [];
@@ -3158,10 +3158,21 @@ class ZTableComponent {
                 this.pagination.set(configPagination);
             }
         });
-        explicitEffect([this.columnFilters, this.globalFilter, this.pagination, this.sorting], () => {
+        explicitEffect([this.columnFilters, this.globalFilter, this.pagination, this.sorting, this._data], () => {
             queueMicrotask(() => {
                 this._checkVerticalScroll();
                 this._checkHorizontalScroll();
+                if (this.isVirtual()) {
+                    this._dynamicGroupsVersion.update(v => v + 1);
+                }
+            });
+        });
+        explicitEffect([this.virtualizer.getVirtualItems], () => {
+            if (!this.isVirtual()) {
+                return;
+            }
+            queueMicrotask(() => {
+                this._checkLastRowTouchesBottom();
             });
         });
         explicitEffect([this.zLoading, this.isProcessing], () => {
@@ -3316,6 +3327,29 @@ class ZTableComponent {
             this.lastRowTouchesBottom.set(true);
             return;
         }
+        if (this.isVirtual()) {
+            const virtualScrollInner = tbodyWrapperEl.querySelector('.z-virtual-scroll-inner');
+            if (!virtualScrollInner) {
+                this.lastRowTouchesBottom.set(true);
+                return;
+            }
+            const virtualRows = virtualScrollInner.querySelectorAll('.z-virtual-row');
+            if (virtualRows.length === 0) {
+                this.lastRowTouchesBottom.set(true);
+                return;
+            }
+            const lastVirtualRow = virtualRows[virtualRows.length - 1];
+            const lastTr = lastVirtualRow.querySelector('tbody tr:last-child');
+            if (!lastTr) {
+                this.lastRowTouchesBottom.set(true);
+                return;
+            }
+            const wrapperRect = tbodyWrapperEl.getBoundingClientRect();
+            const rowRect = lastTr.getBoundingClientRect();
+            const gap = wrapperRect.bottom - rowRect.bottom;
+            this.lastRowTouchesBottom.set(gap <= 2);
+            return;
+        }
         const tbody = tbodyWrapperEl.querySelector('tbody');
         if (!tbody) {
             this.lastRowTouchesBottom.set(true);