@syncfusion/ej2-treegrid 21.2.6 → 21.2.9

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.6
+*  version : 21.2.9
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-treegrid@*",
-  "_id": "@syncfusion/ej2-treegrid@21.2.5",
+  "_id": "@syncfusion/ej2-treegrid@21.2.8",
   "_inBundle": false,
-  "_integrity": "sha512-/YahpoCmx9jKOgYBeV4bNlxZ3LhzuFZnoHblPYM7bP3mFp2lmoFEr319iy/hPzNjaW+ztbi5uqCSN5KvTUKkPA==",
+  "_integrity": "sha512-YiqZ/KpWwbgUoxWXdQt7oXZEaAcc+ZvW4Jf22/wOVt64lGs3Qg+LrJk0rC0Z+XT1t+L7GJjvzVrq9nd1Niwsew==",
   "_location": "/@syncfusion/ej2-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-21.2.5.tgz",
-  "_shasum": "55beed7905c05ec59ac86f69518c50c977a1119b",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-21.2.8.tgz",
+  "_shasum": "33c37b706fce617fed0f97a2fcf9cde1814a8dcd",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -36,9 +36,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.3",
-    "@syncfusion/ej2-data": "~21.2.6",
-    "@syncfusion/ej2-grids": "~21.2.6",
+    "@syncfusion/ej2-base": "~21.2.9",
+    "@syncfusion/ej2-data": "~21.2.9",
+    "@syncfusion/ej2-grids": "~21.2.9",
     "@syncfusion/ej2-popups": "~21.2.4"
   },
   "deprecated": false,
@@ -66,6 +66,6 @@
     "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "version": "21.2.6",
+  "version": "21.2.9",
   "sideEffects": false
 }

package/src/treegrid/actions/edit.js

@@ -68,6 +68,9 @@ var Edit = /** @class */ (function () {
     };
     Edit.prototype.gridDblClick = function (e) {
         this.doubleClickTarget = e.target;
+        if (e.target.classList.contains('e-frame') && this.parent.getCurrentViewRecords().length === 0) {
+            this.doubleClickTarget = null;
+        }
     };
     Edit.prototype.getRowPosition = function (addArgs) {
         addArgs.newRowPosition = this.parent.editSettings.newRowPosition;
@@ -75,7 +78,9 @@ var Edit = /** @class */ (function () {
         addArgs.dataRowIndex = +this.prevAriaRowIndex;
     };
     Edit.prototype.beforeStartEdit = function (args) {
-        this.parent.trigger(events.actionBegin, args);
+        if (this.parent.editSettings.mode === 'Cell') {
+            this.parent.trigger(events.actionBegin, args);
+        }
     };
     Edit.prototype.beforeBatchCancel = function (args) {
         if (this.parent.editSettings.mode === 'Cell') {
@@ -644,7 +649,7 @@ var Edit = /** @class */ (function () {
                             index = index + batchChildCount;
                         }
                     }
-                    else {
+                    else if (!this.parent.enableVirtualization) {
                         index += findChildrenRecords(records[parseInt(index.toString(), 10)]).length;
                     }
                 }

package/src/treegrid/actions/rowdragdrop.js

@@ -996,14 +996,13 @@ var RowDD = /** @class */ (function () {
                             var childRecords = rec[0].childRecords;
                             var droppedRecordIndex = childRecords.indexOf(droppedRecord) + 1;
                             childRecords.splice(droppedRecordIndex, 0, draggedRecord_2);
-                            if (this_1.parent.enableImmutableMode || this_1.parent['isIndentEnabled'] && !this_1.parent.parentIdMapping) {
-                                draggedRecord_2.parentItem = droppedRecord.parentItem;
-                                draggedRecord_2.level = droppedRecord.level;
-                            }
+                            draggedRecord_2.parentItem = droppedRecord.parentItem;
                             draggedRecord_2.parentUniqueID = droppedRecord.parentUniqueID;
+                            draggedRecord_2.level = droppedRecord.level;
                             if (this_1.parent.parentIdMapping) {
                                 draggedRecord_2[this_1.parent.parentIdMapping] = droppedRecord[this_1.parent.parentIdMapping];
-                                draggedRecord_2.parentUniqueID = droppedRecord.parentUniqueID;
+                                draggedRecord_2.parentItem = droppedRecord.parentItem;
+                                draggedRecord_2.level = droppedRecord.level;
                             }
                         }
                         if (draggedRecord_2.hasChildRecords) {

package/src/treegrid/actions/virtual-scroll.js

@@ -18,7 +18,7 @@ import * as events from '../base/constant';
 import { DataManager, Predicate, Query } from '@syncfusion/ej2-data';
 import { getExpandStatus } from '../utils';
 import { VirtualTreeContentRenderer } from '../renderer/virtual-tree-content-render';
-import { VirtualHeaderRenderer } from '@syncfusion/ej2-grids';
+import { VirtualHeaderRenderer, getTransformValues } from '@syncfusion/ej2-grids';
 /**
  * TreeGrid Virtual Scroll module will handle Virtualization
  *
@@ -124,14 +124,17 @@ var VirtualScroll = /** @class */ (function () {
                 this.parent.grid.getContent().firstElementChild.scrollTop = 0;
                 this.parent.grid.notify(events.virtualActionArgs, { setTop: true });
             }
-            if (requestType === 'save' && this.parent.editSettings.newRowPosition === 'Bottom') {
+            if (requestType === 'save') {
+                startIndex = counts.startIndex + (counts.count - counts.endIndex);
                 endIndex = counts.count;
             }
             //if ((this.prevendIndex !== -1 && this.prevstartIndex !== -1) &&
             //this.prevendIndex === endIndex && this.prevstartIndex === startIndex) {
+            var virtualWrapperElement = this.parent.grid.contentModule.virtualEle.wrapper;
+            var translateY = getTransformValues(virtualWrapperElement).height;
             if (!isNullOrUndefined(this.expandCollapseRec) && (pageingDetails.actionArgs.requestType === 'virtualscroll' ||
                 (pageingDetails.actionArgs.requestType === 'refresh' && startIndex !== this.prevstartIndex)) &&
-                (startIndex < this.parent.getRows().length && endIndex <= startIndex + this.parent.getRows().length)) {
+                (startIndex < this.parent.getRows().length && endIndex <= startIndex + this.parent.getRows().length) && translateY === 0) {
                 startIndex = 0;
             }
             if (!isNullOrUndefined(this.expandCollapseRec)) {
@@ -211,7 +214,7 @@ var TreeVirtual = /** @class */ (function (_super) {
         if (!isNullOrUndefined(parentGrid.height) && typeof (parentGrid.height) === 'string' && parentGrid.height.indexOf('%') !== -1) {
             parentGrid.element.style.height = parentGrid.height;
         }
-        var vHeight = parentGrid.height.toString().indexOf('%') < 0 ? parentGrid.height :
+        var vHeight = parentGrid.height.toString().indexOf('%') < 0 ? parseInt(parentGrid.height.toString(), 10) :
             parentGrid.element.getBoundingClientRect().height;
         var blockSize = ~~(vHeight / rowHeight);
         var height = blockSize * 2;

package/src/treegrid/base/data.js

@@ -396,7 +396,18 @@ var DataManipulation = /** @class */ (function () {
                 }
                 result = resultChildData;
             }
-            rowDetails.record.childRecords = result;
+            if (_this.parent.enableVirtualization && rowDetails.action === 'remoteExpand') {
+                rowDetails.record.childRecords = [];
+                for (var i = 0; i < result.length; i++) {
+                    if (rowDetails.record['' + _this.parent.idMapping] !== result[parseInt(i.toString(), 10)]['' + _this.parent.idMapping] &&
+                        rowDetails.record['' + _this.parent.idMapping] === result[parseInt(i.toString(), 10)]['' + _this.parent.parentIdMapping] && Object.prototype.hasOwnProperty.call(result, i)) {
+                        rowDetails.record.childRecords.push(result[parseInt(i.toString(), 10)]);
+                    }
+                }
+            }
+            else {
+                rowDetails.record.childRecords = result;
+            }
             for (var r = 0; r < result.length; r++) {
                 if (_this.parent.enableVirtualization && result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping] && rowDetails.action === 'remoteExpand') {
                     _this.parent["" + remoteExpandedData].push(rowDetails.record);
@@ -414,6 +425,7 @@ var DataManipulation = /** @class */ (function () {
                         if (result[parseInt(r.toString(), 10)]["" + _this.parent.parentIdMapping] === _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)]["" + _this.parent.idMapping]) {
                             result[parseInt(r.toString(), 10)].level = _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)]["" + level] + 1;
                             var parentData = _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)];
+                            delete parentData.childRecords;
                             result[parseInt(r.toString(), 10)].parentItem = parentData;
                             result[parseInt(r.toString(), 10)].parentUniqueID = rowDetails.record.uniqueID;
                         }
@@ -425,6 +437,10 @@ var DataManipulation = /** @class */ (function () {
                         && !(haveChild && !haveChild[parseInt(r.toString(), 10)])) {
                         if (isNullOrUndefined(result[parseInt(r.toString(), 10)]["" + _this.parent.parentIdMapping])) {
                             result[parseInt(r.toString(), 10)].level = 0;
+                            if (rowDetails.action === 'remoteExpand') {
+                                result[parseInt(r.toString(), 10)].childRecords = [];
+                                result[parseInt(r.toString(), 10)].childRecords = rowDetails.record.childRecords;
+                            }
                         }
                         else {
                             result[parseInt(r.toString(), 10)].level = rowDetails.record.level;

package/src/treegrid/base/treegrid-model.d.ts

@@ -28,6 +28,7 @@ export interface TreeGridModel extends ComponentModel{
      * * EllipsisWithTooltip :- Displays ellipsis when the cell content overflows its area,
      * ```
      * also it will display the tooltip while hover on ellipsis is applied.
+     *
      * @default Syncfusion.EJ2.Grids.ClipMode.Ellipsis
      * @aspType Syncfusion.EJ2.Grids.ClipMode
      * @isEnumeration true
@@ -131,6 +132,7 @@ export interface TreeGridModel extends ComponentModel{
      * * AllPages :- Prints all pages of the TreeGrid.
      * * CurrentPage :- Prints the current page of the TreeGrid.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.PrintMode.AllPages
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.PrintMode
@@ -329,6 +331,7 @@ export interface TreeGridModel extends ComponentModel{
      * * Vertical :- Displays the vertical TreeGrid lines only.
      * * Default :- Displays TreeGrid lines based on the theme.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.GridLine.Default
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.GridLine

package/src/treegrid/base/treegrid.d.ts

@@ -174,6 +174,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * * EllipsisWithTooltip :- Displays ellipsis when the cell content overflows its area,
      * ```
      * also it will display the tooltip while hover on ellipsis is applied.
+     *
      * @default Syncfusion.EJ2.Grids.ClipMode.Ellipsis
      * @aspType Syncfusion.EJ2.Grids.ClipMode
      * @isEnumeration true
@@ -291,6 +292,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * * AllPages :- Prints all pages of the TreeGrid.
      * * CurrentPage :- Prints the current page of the TreeGrid.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.PrintMode.AllPages
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.PrintMode
@@ -465,6 +467,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * * Vertical :- Displays the vertical TreeGrid lines only.
      * * Default :- Displays TreeGrid lines based on the theme.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.GridLine.Default
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.GridLine

package/src/treegrid/base/treegrid.js

@@ -2657,7 +2657,17 @@ var TreeGrid = /** @class */ (function (_super) {
                 record = this.grid.getCurrentViewRecords()[row.getAttribute('data-rowindex')];
             }
             else {
-                record = this.grid.getCurrentViewRecords()[parseInt(row.getAttribute('data-rowindex'), 10)];
+                if (this.enableVirtualization && this.isCollapseAll) {
+                    if (this.isExpandAll && row.rowIndex === -1) {
+                        record = this.grid.getCurrentViewRecords()[parseInt(row.getAttribute('data-rowindex'), 10)];
+                    }
+                    else {
+                        record = this.grid.getCurrentViewRecords()[row.rowIndex];
+                    }
+                }
+                else {
+                    record = this.grid.getCurrentViewRecords()[parseInt(row.getAttribute('data-rowindex'), 10)];
+                }
             }
         }
         return record;
@@ -2887,10 +2897,17 @@ var TreeGrid = /** @class */ (function (_super) {
             if (rows.length) {
                 for (var i = 0; i < rows.length; i++) {
                     if (action === 'collapse') {
-                        this.collapseRow(rows[parseInt(i.toString(), 10)]);
+                        if (!isNullOrUndefined(this.getCurrentViewRecords()[rows[parseInt(i.toString(), 10)].rowIndex])) {
+                            this.collapseRow(rows[parseInt(i.toString(), 10)]);
+                        }
                     }
                     else {
-                        this.expandRow(rows[parseInt(i.toString(), 10)]);
+                        if (!this.enableVirtualization) {
+                            this.expandRow(rows[parseInt(i.toString(), 10)]);
+                        }
+                        else if (rows[0].getAttribute('aria-expanded') !== 'true') {
+                            this.expandRow(rows[0]);
+                        }
                     }
                 }
             }

package/src/treegrid/enum.d.ts

@@ -24,6 +24,7 @@ export declare type FilterHierarchyMode = 'Parent' | 'Child' | 'Both' | 'None';
  * * CsvExport :- Export the TreeGrid to Csv.
  * * Print :- Print the TreeGrid.
  * ```
+ *
  * @hidden
  */
 export declare type ToolbarItems = 'Add' | 'Delete' | 'Update' | 'Cancel' | 'Edit' | 'Search' | 'ExpandAll' | 'CollapseAll' | 'ExcelExport' | 'PdfExport' | 'CsvExport' | 'Print';
@@ -75,6 +76,7 @@ export declare type PageSizeMode = 'All' | 'Root';
  * * LastPage :- Go to the last page.
  * * NextPage :- Go to the next page.
  * ```
+ *
  * @hidden
  */
 export declare type ContextMenuItem = 'AutoFitAll' | 'AutoFit' | 'SortAscending' | 'SortDescending' | 'Edit' | 'Delete' | 'Save' | 'Cancel' | 'PdfExport' | 'ExcelExport' | 'CsvExport' | 'FirstPage' | 'PrevPage' | 'LastPage' | 'NextPage' | 'AddRow' | 'Indent' | 'Outdent';

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

@@ -0,0 +1,30 @@
+import { TextAlign, ClipMode, ValueAccessor, IFilter, IFilterUI, IEditCell, CommandModel, freezeDirection } from '@syncfusion/ej2-grids';import { NumberFormatOptions, DateFormatOptions, merge, Property } from '@syncfusion/ej2-base';import { ITreeGridCellFormatter } from '../base/interface';import { SortComparer} from '@syncfusion/ej2-grids';import { TreeGrid } from '..';
+import {ColumnModel} from "./column";
+
+/**
+ * Interface for a class Column
+ */
+export interface ColumnModel {
+
+}
+
+/**
+ * Interface for a class TreeGridColumn
+ */
+export interface TreeGridColumnModel extends ColumnModel{
+
+    /**
+     * Defines stacked columns
+     *
+     * @default null
+     */
+    columns?: string[] | ColumnModel[];
+
+}
+
+/**
+ * Interface for a class StackedColumn
+ */
+export interface StackedColumnModel extends TreeGridColumnModel{
+
+}

package/src/treegrid/models/column.d.ts

@@ -709,3 +709,35 @@ export interface ColumnModel {
      */
     freeze?: freezeDirection;
 }
+/**
+ * Defines TreeGrid column
+ */
+export declare class TreeGridColumn extends Column {
+    /**
+     * Defines stacked columns
+     *
+     * @default null
+     */
+    columns: string[] | ColumnModel[];
+}
+/**
+ * Interface for a class TreeGridColumn
+ */
+export interface TreeGridColumnModel extends ColumnModel {
+    /**
+     * Defines stacked columns
+     *
+     * @default null
+     */
+    columns?: string[] | ColumnModel[];
+}
+/**
+ * Defines stacked tree grid column
+ */
+export declare class StackedColumn extends TreeGridColumn {
+}
+/**
+ * Interface for a class stacked tree grid column
+ */
+export interface StackedColumnModel extends TreeGridColumnModel {
+}

package/src/treegrid/models/column.js

@@ -1,4 +1,23 @@
-import { merge } from '@syncfusion/ej2-base';
+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 { merge, Property } from '@syncfusion/ej2-base';
 /**
  * Represents TreeGrid `Column` model class.
  */
@@ -93,3 +112,28 @@ var Column = /** @class */ (function () {
     return Column;
 }());
 export { Column };
+/**
+ * Defines TreeGrid column
+ */
+var TreeGridColumn = /** @class */ (function (_super) {
+    __extends(TreeGridColumn, _super);
+    function TreeGridColumn() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property(null)
+    ], TreeGridColumn.prototype, "columns", void 0);
+    return TreeGridColumn;
+}(Column));
+export { TreeGridColumn };
+/**
+ * Defines stacked tree grid column
+ */
+var StackedColumn = /** @class */ (function (_super) {
+    __extends(StackedColumn, _super);
+    function StackedColumn() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return StackedColumn;
+}(TreeGridColumn));
+export { StackedColumn };

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

@@ -165,6 +165,7 @@ export interface FilterSettingsModel {
      * *  OnEnter :- Initiates filter operation after Enter key is pressed.
      * *  Immediate :- Initiates filter operation after a certain time interval. By default, time interval is 1500 ms.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.FilterBarMode.OnEnter
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.FilterBarMode

package/src/treegrid/models/filter-settings.d.ts

@@ -150,6 +150,7 @@ export declare class FilterSettings extends ChildProperty<FilterSettings> {
      * *  OnEnter :- Initiates filter operation after Enter key is pressed.
      * *  Immediate :- Initiates filter operation after a certain time interval. By default, time interval is 1500 ms.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.FilterBarMode.OnEnter
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.FilterBarMode

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

@@ -26,6 +26,7 @@ export interface SelectionSettingsModel {
      * * Flow :- Selects the range of cells between start index and end index that also includes the other cells of the selected rows.
      * * Box :- Selects the range of cells within the start and end column indexes that includes in between cells of rows within the range.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.CellSelectionMode.Flow
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.CellSelectionMode
@@ -38,6 +39,7 @@ export interface SelectionSettingsModel {
      * * Single :- Allows selection of only a row or a cell.
      * * Multiple :- Allows selection of multiple rows or cells.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.SelectionType.Single
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.SelectionType

package/src/treegrid/models/selection-settings.d.ts

@@ -24,6 +24,7 @@ export declare class SelectionSettings extends ChildProperty<SelectionSettings>
      * * Flow :- Selects the range of cells between start index and end index that also includes the other cells of the selected rows.
      * * Box :- Selects the range of cells within the start and end column indexes that includes in between cells of rows within the range.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.CellSelectionMode.Flow
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.CellSelectionMode
@@ -35,6 +36,7 @@ export declare class SelectionSettings extends ChildProperty<SelectionSettings>
      * * Single :- Allows selection of only a row or a cell.
      * * Multiple :- Allows selection of multiple rows or cells.
      * ```
+     *
      * @default Syncfusion.EJ2.Grids.SelectionType.Single
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.SelectionType

package/src/treegrid/renderer/render.js

@@ -41,7 +41,7 @@ var Render = /** @class */ (function () {
             if (collapsed && !isNullOrUndefined(args.row)) {
                 args.row.style.display = 'none';
                 var rowsObj = this.parent.grid.getRowsObject();
-                if (!isNullOrUndefined(args.row.getAttribute('data-uid'))) {
+                if (!this.parent.grid.isFrozenGrid() && !isNullOrUndefined(args.row.getAttribute('data-uid'))) {
                     rowsObj.filter(function (e) { return e.uid === args.row.getAttribute('data-uid'); })[0].visible = false;
                 }
             }
@@ -227,6 +227,7 @@ var Render = /** @class */ (function () {
         if (summaryRow) {
             addClass([args.cell], 'e-summarycell');
             var summaryData = getObject(args.column.field, args.data);
+            summaryData = isNullOrUndefined(summaryData) ? null : summaryData;
             if (args.cell.querySelector('.e-treecell') != null) {
                 args.cell.querySelector('.e-treecell').innerHTML = summaryData;
             }

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

@@ -384,7 +384,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
         var currentViewData = this.parent.currentViewData;
         var indexValue = 'index';
         if (upScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
-            var vHeight = +(this.parent.height.toString().indexOf('%') < 0 ? this.parent.height :
+            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))
@@ -443,6 +443,11 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             }
             this.startIndex = !isLastBlock ? lastIndex - this.parent.pageSettings.pageSize : nextSetResIndex;
             this.endIndex = lastIndex;
+            if ((nextSetResIndex + this.parent.pageSettings.pageSize) > this.totalRecords &&
+                (this.endIndex - this.startIndex) < (this.parent.pageSettings.pageSize / 2) &&
+                (this.endIndex - nextSetResIndex) < (this.parent.pageSettings.pageSize / 2)) {
+                this.startIndex = lastIndex - (this.parent.pageSettings.pageSize / 2);
+            }
             if (currentViewData.length && this.startIndex > currentViewData[0]["" + indexValue] &&
                 ((this.startIndex - currentViewData[0]["" + indexValue]) < (this.parent.pageSettings.pageSize / 2)) && this.parent.selectionModule.isRowSelected) {
                 this.startIndex = currentViewData[0]["" + indexValue] + (this.parent.pageSettings.pageSize / 2);
@@ -455,7 +460,12 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
                     this.translateY = scrollArgs.offset.top - rowHeight * 2;
                 }
                 else {
-                    this.translateY = scrollArgs.offset.top;
+                    if (this.totalRecords == this.endIndex) {
+                        this.translateY = scrollArgs.offset.top - (rowHeight - outBuffer);
+                    }
+                    else {
+                        this.translateY = scrollArgs.offset.top;
+                    }
                 }
             }
         }