@syncfusion/ej2-treegrid 25.2.6 → 26.1.35-760834

package/src/treegrid/models/sort-settings-model.d.ts

@@ -1,4 +1,4 @@
-import { ChildProperty, Property, Collection } from '@syncfusion/ej2-base';import { SortDirection } from '@syncfusion/ej2-grids';
+import { ChildProperty, Property, Collection } from '@syncfusion/ej2-base';
 
 /**
  * Interface for a class SortDescriptor
@@ -6,20 +6,20 @@ import { ChildProperty, Property, Collection } from '@syncfusion/ej2-base';impor
 export interface SortDescriptorModel {
 
     /**
-     * Defines the field name of sort column.
-     *
-     * @default ''
-     */
-    field?: string;
+     * Defines the field name of sort column.
+     *
+     * @default ''
+     */
+    field?: string;
 
     /**
-     * Defines the direction of sort column.
-     *
-     * @default ''
-     * @isEnumeration true
-     * @aspType Syncfusion.EJ2.Grids.SortDirection
-     */
-    direction?: SortDirection;
+     * Defines the direction of sort column.
+     *
+     * @default ''
+     * @isEnumeration true
+     * @aspType Syncfusion.EJ2.Grids.SortDirection
+     */
+    direction?: SortDirection;
 
 }
 
@@ -29,18 +29,18 @@ export interface SortDescriptorModel {
 export interface SortSettingsModel {
 
     /**
-     * Specifies the columns to sort at initial rendering of TreeGrid.
-     * Also user can get current sorted columns.
-     *
-     * @default []
-     */
-    columns?: SortDescriptorModel[];
+     * Specifies the columns to sort at initial rendering of TreeGrid.
+     * Also user can get current sorted columns.
+     *
+     * @default []
+     */
+    columns?: SortDescriptorModel[];
 
     /**
-     * If `allowUnsort` set to false the user can not get the TreeGrid in unsorted state by clicking the sorted column header.
-     *
-     * @default true
-     */
-    allowUnsort?: boolean;
+     * If `allowUnsort` set to false the user can not get the TreeGrid in unsorted state by clicking the sorted column header.
+     *
+     * @default true
+     */
+    allowUnsort?: boolean;
 
 }

package/src/treegrid/models/sort-settings.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { ChildProperty, Property, Collection } from '@syncfusion/ej2-base';
 /**
  * Represents the field name and direction of sort column.

package/src/treegrid/models/summary-model.d.ts

@@ -1,4 +1,4 @@
-import { Property, ChildProperty, Collection, getEnumValue, compile, DateFormatOptions, NumberFormatOptions } from '@syncfusion/ej2-base';import { Internationalization } from '@syncfusion/ej2-base';import { CustomSummaryType, AggregateType, CellType } from '@syncfusion/ej2-grids';
+import { Property, ChildProperty, Collection, getEnumValue, compile, DateFormatOptions, NumberFormatOptions } from '@syncfusion/ej2-base';
 
 /**
  * Interface for a class AggregateColumn
@@ -6,71 +6,71 @@ import { Property, ChildProperty, Collection, getEnumValue, compile, DateFormatO
 export interface AggregateColumnModel {
 
     /**
-     * Defines the aggregate type of a particular column.
-     * To use multiple aggregates for single column, specify the `type` as array.
-     * Types of aggregate are,
-     * * sum
-     * * average
-     * * max
-     * * min
-     * * count
-     * * falsecount
-     * * truecount
-     * * custom
-     * > Specify the `type` value as `custom` to use custom aggregation.
-     *
-     * @aspType string
-     * @default null
-     */
-    type?: AggregateType | AggregateType[] | string;
+     * Defines the aggregate type of a particular column.
+     * To use multiple aggregates for single column, specify the `type` as array.
+     * Types of aggregate are,
+     * * sum
+     * * average
+     * * max
+     * * min
+     * * count
+     * * falsecount
+     * * truecount
+     * * custom
+     * > Specify the `type` value as `custom` to use custom aggregation.
+     *
+     * @aspType string
+     * @default null
+     */
+    type?: AggregateType | AggregateType[] | string;
 
     /**
-     * Defines the footer cell template as a string for the aggregate column.
-     * The `type` name should be used to access aggregate values inside the template.
-     *
-     * {% codeBlock src="grid/footer-template-api/index.ts" %}{% endcodeBlock %}
-     *
-     * @default null
-     * @aspType string
-     *
-     */
-    footerTemplate?: string | Function;
+     * Defines the footer cell template as a string for the aggregate column.
+     * The `type` name should be used to access aggregate values inside the template.
+     *
+     * {% codeBlock src="grid/footer-template-api/index.ts" %}{% endcodeBlock %}
+     *
+     * @default null
+     * @aspType string
+     *
+     */
+    footerTemplate?: string | Function;
 
     /**
-     * Defines the column name to perform aggregation.
-     *
-     * @default null
-     */
-    field?: string;
+     * Defines the column name to perform aggregation.
+     *
+     * @default null
+     */
+    field?: string;
 
     /**
-     * Format is applied to a calculated value before it is displayed.
-     * Gets the format from the user, which can be standard or custom
-     * [`number`](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string)
-     * and [`date`](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string-1) formats.
-     *
-     * @aspType string
-     * @default null
-     */
-    format?: string | NumberFormatOptions | DateFormatOptions;
+     * Format is applied to a calculated value before it is displayed.
+     * Gets the format from the user, which can be standard or custom
+     * [`number`](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string)
+     * and [`date`](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string-1) formats.
+     *
+     * @aspType string
+     * @default null
+     */
+    format?: string | NumberFormatOptions | DateFormatOptions;
 
     /**
-     * Defines the column name to display the aggregate value. If `columnName` is not defined,
-     * then `field` name value will be assigned to the `columnName` property.
-     *
-     * @default null
-     */
-    columnName?: string;
+     * Defines the column name to display the aggregate value. If `columnName` is not defined,
+     * then `field` name value will be assigned to the `columnName` property.
+     *
+     * @default null
+     */
+    columnName?: string;
 
     /**
-     * Defines a function to calculate custom aggregate value. The `type` value should be set to `custom`.
-     * To use custom aggregate value in the template, use the key as `${custom}`.
-     * **Total aggregation**: The custom function will be called with the whole data and the current `AggregateColumn` object.
-     * **Group aggregation**: This will be called with the current group details and the `AggregateColumn` object.
-     *
-     * @default null
-     */
-    customAggregate?: CustomSummaryType | string;
+     * Defines a function to calculate custom aggregate value. The `type` value should be set to `custom`.
+     * To use custom aggregate value in the template, use the key as `${custom}`.
+     * **Total aggregation**: The custom function will be called with the whole data and the current `AggregateColumn` object.
+     * **Group aggregation**: This will be called with the current group details and the `AggregateColumn` object.
+     *
+     * @default null
+     */
+    customAggregate?: CustomSummaryType | string;
 
 }
 
@@ -80,15 +80,15 @@ export interface AggregateColumnModel {
 export interface AggregateRowModel {
 
     /**
-     * Configures the aggregate columns.
-     *
-     * @default []
-     */
-    columns?: AggregateColumnModel[];
+     * Configures the aggregate columns.
+     *
+     * @default []
+     */
+    columns?: AggregateColumnModel[];
 
     /**
-     * Display the childSummary for each parent.
-     */
-    showChildSummary?: boolean;
+     * Display the childSummary for each parent.
+     */
+    showChildSummary?: boolean;
 
 }

package/src/treegrid/models/summary.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { Property, ChildProperty, Collection, getEnumValue, compile } from '@syncfusion/ej2-base';
 import { Internationalization } from '@syncfusion/ej2-base';
 import { CellType } from '@syncfusion/ej2-grids';

package/src/treegrid/models/textwrap-settings-model.d.ts

@@ -1,4 +1,4 @@
-import { Property, ChildProperty } from '@syncfusion/ej2-base';import { WrapMode } from '../enum';
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
 
 /**
  * Interface for a class TextWrapSettings
@@ -6,13 +6,13 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base';import { WrapMode
 export interface TextWrapSettingsModel {
 
     /**
-     * Defines the `wrapMode` of the TreeGrid. The available modes are:
-     * * `Both`: Wraps both the header and content.
-     * * `Content`: Wraps the header alone.
-     * * `Header`: Wraps the content alone.
-     *
-     * @default Both
-     */
-    wrapMode?: WrapMode;
+     * Defines the `wrapMode` of the TreeGrid. The available modes are:
+     * * `Both`: Wraps both the header and content.
+     * * `Content`: Wraps the header alone.
+     * * `Header`: Wraps the content alone.
+     *
+     * @default Both
+     */
+    wrapMode?: WrapMode;
 
 }

package/src/treegrid/models/textwrap-settings.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { Property, ChildProperty } from '@syncfusion/ej2-base';
 /**
  * Configures the textwrap behavior of the TreeGrid.

package/src/treegrid/renderer/virtual-row-model-generator.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import { VirtualRowModelGenerator } from '@syncfusion/ej2-grids';
 import * as events from '../base/constant';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
@@ -70,8 +70,8 @@ var TreeVirtualRowModelGenerator = /** @class */ (function (_super) {
             var rows = _super.prototype.generateRows.call(this, data, notifyArgs);
             if (!isNullOrUndefined((this.visualData))) {
                 for (var r = 0; r < rows.length; r++) {
-                    rows[parseInt(r.toString(), 10)].index =
-                        (this.visualData).indexOf(rows[parseInt(r.toString(), 10)].data);
+                    rows[parseInt(r.toString(), 10)].index
+                        = (this.visualData).indexOf(rows[parseInt(r.toString(), 10)].data);
                 }
             }
             return rows;

package/src/treegrid/renderer/virtual-tree-content-render.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import { Cell, CellType } from '@syncfusion/ej2-grids';
 import { VirtualContentRenderer } from '@syncfusion/ej2-grids';
 import * as literals from '../base/constant';
@@ -52,6 +52,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
     VirtualTreeContentRenderer.prototype.getFrozenRightVirtualRowByIndex = function (index) {
         return this.getRowCollection(index, false, false, true);
     };
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     VirtualTreeContentRenderer.prototype.getRowCollection = function (index, isMovable, isRowObject, isFrozenRight) {
         var startIdx = parseInt(this.parent.getRows()[0].getAttribute(literals.dataRowIndex), 10);
         var rowCollection = this.parent.getDataRows();
@@ -218,6 +219,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
     VirtualTreeContentRenderer.prototype.rowSelectedEvent = function (args) {
         var rowSelected = 'rowSelected';
         _super.prototype["" + rowSelected].call(this, args);
+        this.parent.notify('virtualTransform', { requestType: 'transformChange' });
     };
     VirtualTreeContentRenderer.prototype.toSelectVirtualRow = function (args) {
         if (this.parent.isEdit) {
@@ -385,21 +387,25 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
         var info = scrollArgs.sentinel;
         var rowHeight = this.parent.getRowHeight();
         var outBuffer = this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 2);
-        var content = this.parent.getContent().querySelector('.e-content');
+        var content;
+        if (!isNullOrUndefined(this.parent.contentModule)) {
+            content = this.parent.getContent().querySelector('.e-content');
+        }
         var scrollHeight = outBuffer * rowHeight;
-        var upScroll = (scrollArgs.offset.top - this.translateY) < 0;
+        var upScroll = (scrollArgs.offset.top - this.translateY) <= 0;
         var downScroll = Math.ceil(scrollArgs.offset.top - this.translateY) + rowHeight >= scrollHeight;
         var selectedRowIndex = 'selectedRowIndex';
         var currentViewData = this.parent.currentViewData;
         var indexValue = 'index';
-        if (upScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
+        if (upScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left') && !isNullOrUndefined(content)) {
             var vHeight = +(this.parent.height.toString().indexOf('%') < 0 ? parseInt(this.parent.height.toString(), 10) :
                 this.parent.element.getBoundingClientRect().height);
             var index = (~~(content.scrollTop / rowHeight)
                 + Math.ceil(vHeight / rowHeight))
                 - this.parent.pageSettings.pageSize;
             index = (index > 0) ? index : 0;
-            if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 && index !== this["" + selectedRowIndex]) {
+            if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 && index !== this["" + selectedRowIndex] &&
+                ((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop)) {
                 index = this["" + selectedRowIndex];
             }
             this.startIndex = index;
@@ -439,7 +445,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
                     scrollArgs.offset.top - (outBuffer * rowHeight) + 10 : 0;
             }
         }
-        else if (downScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
+        else if (downScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left') && !isNullOrUndefined(content)) {
             var nextSetResIndex = ~~(content.scrollTop / rowHeight);
             var isLastBlock = (this["" + selectedRowIndex] + this.parent.pageSettings.pageSize) < this.totalRecords ? false : true;
             if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 &&
@@ -489,10 +495,10 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             this.previousInfo = viewInfo;
             this.parent.setColumnIndexesInView(this.parent.enableColumnVirtualization ? viewInfo.columnIndexes : []);
             var page = viewInfo.loadNext && !viewInfo.loadSelf ? viewInfo.nextInfo.page : viewInfo.page;
+            this.parent.setProperties({ pageSettings: { currentPage: page } }, true);
             if (downScroll && this.endIndex === this.totalRecords && viewInfo.loadNext) {
                 viewInfo.loadNext = false;
             }
-            this.parent.setProperties({ pageSettings: { currentPage: page } }, true);
             this.requestType = 'virtualscroll';
             if (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left') {
                 viewInfo.event = viewInfo.event === 'refresh-virtual-block' ? 'model-changed' : viewInfo.event;
@@ -513,7 +519,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
     };
     VirtualTreeContentRenderer.prototype.appendContent = function (target, newChild, e) {
         if ((this.parent.dataSource instanceof DataManager && this.parent.dataSource.dataSource.url !== undefined
-            && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent) || this.parent.isFrozenGrid()) {
+            && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent)) {
             if (getValue('isExpandCollapse', e)) {
                 this.isRemoteExpand = true;
             }