@progress/kendo-angular-grid 21.2.0 → 21.3.0-develop.10

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1764751621,
-    version: '21.2.0',
+    publishDate: 1765273123,
+    version: '21.3.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/rendering/header/header.component.mjs

@@ -492,7 +492,7 @@ export class HeaderComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HeaderComponent, deps: [{ token: i1.SinglePopupService }, { token: i2.DragHintService }, { token: i3.DropCueService }, { token: i4.ColumnReorderService }, { token: i5.IdService }, { token: i6.SortService }, { token: i7.ColumnInfoService }, { token: i0.ChangeDetectorRef }, { token: i8.ContextService }, { token: i9.NavigationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: HeaderComponent, isStandalone: true, selector: "[kendoGridHeader]", inputs: { totalColumnLevels: "totalColumnLevels", columns: "columns", groups: "groups", detailTemplate: "detailTemplate", scrollable: "scrollable", filterable: "filterable", sort: "sort", filter: "filter", sortable: "sortable", groupable: "groupable", lockedColumnsCount: "lockedColumnsCount", resizable: "resizable", reorderable: "reorderable", columnMenu: "columnMenu", columnMenuTemplate: "columnMenuTemplate", totalColumnsCount: "totalColumnsCount", totalColumns: "totalColumns", tabIndex: "tabIndex", size: "size" }, host: { properties: { "class.k-table-thead": "this.hostClass" } }, viewQueries: [{ propertyName: "dropTargets", predicate: DropTargetDirective, descendants: true }, { propertyName: "filterMenus", predicate: FilterMenuComponent, descendants: true }, { propertyName: "columnMenus", predicate: ColumnMenuComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
-        @for (i of columnLevels; track i; let levelIndex = $index) {
+        @for (i of columnLevels; track $index; let levelIndex = $index) {
           <tr
             kendoGridLogicalRow
             [logicalRowIndex]="levelIndex"
@@ -513,7 +513,7 @@ export class HeaderComponent {
                 >
               </th>
             }
-            @for (column of columnsForLevel(levelIndex); track column; let columnIndex = $index; let last = $last) {
+            @for (column of columnsForLevel(levelIndex); track column.id; let columnIndex = $index; let last = $last) {
               @if (!isColumnGroupComponent(column)) {
                 <th
                   kendoGridLogicalCell
@@ -740,7 +740,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{
                     selector: '[kendoGridHeader]',
                     template: `
-        @for (i of columnLevels; track i; let levelIndex = $index) {
+        @for (i of columnLevels; track $index; let levelIndex = $index) {
           <tr
             kendoGridLogicalRow
             [logicalRowIndex]="levelIndex"
@@ -761,7 +761,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 >
               </th>
             }
-            @for (column of columnsForLevel(levelIndex); track column; let columnIndex = $index; let last = $last) {
+            @for (column of columnsForLevel(levelIndex); track column.id; let columnIndex = $index; let last = $last) {
               @if (!isColumnGroupComponent(column)) {
                 <th
                   kendoGridLogicalCell

package/esm2022/rendering/list.component.mjs

@@ -284,6 +284,12 @@ export class ListComponent {
             this.container.nativeElement.scrollTop = (this.isVirtual && this.ctx.grid?.pageable) ? 0 : this.rowHeightService.offset(this.skip);
         }
         if (anyChanged(['total', 'take'], changes)) {
+            // For virtual scrolling without paging, preserve scroll position when only take/pageSize changes
+            const isVirtualOnly = this.isVirtual && !this.ctx.grid?.pageable;
+            const onlyTakeChanged = isChanged('take', changes) && !isChanged('total', changes);
+            if (isVirtualOnly && onlyTakeChanged) {
+                this.skipScroll = true;
+            }
             this.init();
         }
         this.rebind = false;
@@ -438,6 +444,9 @@ export class ListComponent {
         this.rowHeightService = this.scroller.rowHeightService = new RowHeightService(total, this.rowHeight || this.minRowHeight);
         if (!isUniversal()) {
             if (this.skipScroll) {
+                // Update scroller's take value when preserving scroll position
+                this.scroller.take = this.take;
+                this.scroller.total = this.total;
                 this.setScrollerOptions();
                 this.scroller.update();
             }
@@ -808,6 +817,7 @@ export class ListComponent {
     setScrollerOptions() {
         this.scroller.scrollableVirtual = this.isVirtual;
         this.scroller.table = this.table.nativeElement;
+        this.scroller.lockedTable = this.lockedTable?.nativeElement || null;
         this.scroller.tableBody = this.table.nativeElement.tBodies[0];
         this.scroller.container = this.container.nativeElement;
         this.scroller.scrollHeightContainer = this.container.nativeElement.querySelector('.k-height-container');