@shival99/z-ui 2.0.78 → 2.0.79

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

@@ -6701,6 +6701,22 @@ class ZTableComponent {
         },
     ];
     _bulkBarExitDuration = 140;
+    /** Stable identity key per virtual index (group/row id, not array index) so cached measured
+     *  heights follow row identity — tránh co giật chiều cao khi scroll nhanh do index slot bị tái dùng. */
+    _virtualItemKeys = computed(() => {
+        if (!this.isVirtual()) {
+            return [];
+        }
+        const flatItems = this.virtualGroupedFlatItems();
+        if (flatItems.length > 0) {
+            return flatItems.map((item, index) => item.type === 'group-header' ? `g:${item.groupItem.id}` : `r:${item.rows[0]?.id ?? index}`);
+        }
+        const groupRows = this.dynamicGroupRows();
+        if (groupRows.length > 0) {
+            return groupRows.map((rows, index) => `r:${rows[0]?.id ?? index}`);
+        }
+        return Array.from({ length: this._virtualGroupCount() }, (_, index) => index);
+    }, ...(ngDevMode ? [{ debugName: "_virtualItemKeys" }] : []));
     /** Virtualizer instance — operates on groups rather than individual rows */
     virtualizer = injectVirtualizer(() => {
         const groups = this.dynamicGroups();
@@ -6710,9 +6726,13 @@ class ZTableComponent {
         const virtualConfig = this._virtualConfig();
         const flatItems = this.virtualGroupedFlatItems();
         const isGrouping = flatItems.length > 0;
+        const itemKeys = this._virtualItemKeys();
         return {
             scrollElement,
             count: isGrouping ? flatItems.length : groups.length > 0 ? groups.length : this._virtualGroupCount(),
+            // Stable per-row key so cached measured heights follow row identity, not the recycled
+            // index slot — prevents the height jitter when scrolling fast (see _virtualItemKeys).
+            getItemKey: (index) => itemKeys[index] ?? index,
             estimateSize: (index) => {
                 if (isGrouping) {
                     return flatItems[index]?.type === 'group-header'