@syncfusion/ej2-treegrid 19.3.44 → 19.3.48

package/dist/es6/ej2-treegrid.es2015.js

@@ -1,5 +1,5 @@
-import { Browser, ChildProperty, Collection, Complex, Component, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, addClass, classList, closest, compile, createElement, extend, getEnumValue, getValue, isNullOrUndefined, merge, remove, removeClass, select, setValue } from '@syncfusion/ej2-base';
-import { Aggregate, Cell, CellType, Clipboard, ColumnChooser, ColumnMenu, CommandColumn, ContextMenu, DetailRow, Edit, ExcelExport, Filter, Freeze, Grid, InfiniteScroll, InterSectionObserver, Logger, Page, PdfExport, Print, RenderType, Reorder, Resize, RowDD, RowDropSettings, RowRenderer, Scroll, Sort, Toolbar, VirtualContentRenderer, VirtualRowModelGenerator, VirtualScroll, appendChildren, calculateAggregate, detailLists, extend as extend$1, getActualProperties, getObject, getUid, iterateArrayOrObject, parentsUntil, resetRowIndex, templateCompiler } from '@syncfusion/ej2-grids';
+import { Browser, ChildProperty, Collection, Complex, Component, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, addClass, classList, closest, compile, createElement, debounce, extend, getEnumValue, getValue, isNullOrUndefined, merge, remove, removeClass, select, setValue } from '@syncfusion/ej2-base';
+import { Aggregate, Cell, CellType, Clipboard, ColumnChooser, ColumnMenu, CommandColumn, ContextMenu, DetailRow, Edit, ExcelExport, Filter, Freeze, Grid, InfiniteScroll, InterSectionObserver, Logger, Page, PdfExport, Print, RenderType, Reorder, Resize, RowDD, RowDropSettings, RowRenderer, Scroll, Sort, Toolbar, VirtualContentRenderer, VirtualHeaderRenderer, VirtualRowModelGenerator, VirtualScroll, appendChildren, calculateAggregate, detailLists, extend as extend$1, getActualProperties, getObject, getUid, iterateArrayOrObject, parentsUntil, resetRowIndex, templateCompiler } from '@syncfusion/ej2-grids';
 import { createCheckBox } from '@syncfusion/ej2-buttons';
 import { CacheAdaptor, DataManager, DataUtil, Deferred, JsonAdaptor, ODataAdaptor, Predicate, Query, RemoteSaveAdaptor, UrlAdaptor, WebApiAdaptor, WebMethodAdaptor } from '@syncfusion/ej2-data';
 import { createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
@@ -388,6 +388,8 @@ const virtualColumnIndex = 'virtualColumnIndex';
 /** @hidden */
 const virtualActionArgs = 'virtual-action-args';
 /** @hidden */
+const destroy = 'destroy';
+/** @hidden */
 const dataListener = 'data-listener';
 /** @hidden */
 const indexModifier = 'index-modifier';
@@ -415,6 +417,8 @@ const rowsRemove = 'rows-remove';
 const rowdraging = 'row-draging';
 /** @hidden */
 const rowDropped = 'row-dropped';
+/** @hidden */
+const autoCol = 'auto-col';
 
 /**
  * The `Clipboard` module is used to handle clipboard copy action.
@@ -1033,12 +1037,12 @@ class Selection {
         let index = -1;
         let length = 0;
         if (!isNullOrUndefined(this.parent.filterModule) && this.parent.filterModule.filteredResult.length > 0) {
-            var filterResult = this.parent.filterModule.filteredResult;
-            if (this.filteredList.length == 0) {
+            const filterResult = this.parent.filterModule.filteredResult;
+            if (this.filteredList.length === 0) {
                 this.filteredList = filterResult;
             }
             else {
-                if (this.filteredList != filterResult) {
+                if (this.filteredList !== filterResult) {
                     this.filteredList = filterResult;
                 }
             }
@@ -1130,6 +1134,9 @@ class Selection {
                 (!isNullOrUndefined(this.parent.filterModule) && this.parent.filterModule.filteredResult.length > 0))) {
                 this.selectedItems.push(checkedRecord);
             }
+            if (this.selectedItems.indexOf(checkedRecord) === -1 && this.parent.enableVirtualization && ((!isNullOrUndefined(this.parent.filterModule) && this.parent.filterModule.filteredResult.length > 0))) {
+                this.selectedItems.push(checkedRecord);
+            }
             if (this.selectedItems.indexOf(checkedRecord) === -1 && (!isNullOrUndefined(this.parent.filterModule) &&
                 this.parent.filterModule.filteredResult.length === 0)) {
                 this.selectedItems.push(checkedRecord);
@@ -1202,11 +1209,31 @@ class Selection {
                     childData = (!isNullOrUndefined(this.parent.filterModule) && this.parent.filterModule.filteredResult.length > 0) ?
                         this.parent.getCurrentViewRecords() : this.parent.flatData;
                     childData.forEach((record) => {
-                        if (record.hasChildRecords) {
-                            this.updateParentSelection(record);
+                        if (this.parent.enableVirtualization) {
+                            if (record.hasChildRecords) {
+                                this.updateParentSelection(record);
+                            }
+                            else {
+                                this.updateSelectedItems(record, record.checkboxState);
+                            }
+                            let child = findChildrenRecords(record);
+                            child = this.getFilteredChildRecords(child);
+                            for (let i = 0; i < child.length; i++) {
+                                if (child[i].hasChildRecords) {
+                                    this.updateParentSelection(child[i]);
+                                }
+                                else if (!(child[i].hasChildRecords) && !isNullOrUndefined(child[i])) {
+                                    this.updateSelectedItems(child[i], child[i].checkboxState);
+                                }
+                            }
                         }
                         else {
-                            this.updateSelectedItems(record, record.checkboxState);
+                            if (record.hasChildRecords) {
+                                this.updateParentSelection(record);
+                            }
+                            else {
+                                this.updateSelectedItems(record, record.checkboxState);
+                            }
                         }
                     });
                     this.headerSelection();
@@ -1432,7 +1459,15 @@ class Render {
         else {
             index = data.index;
         }
-        if (grid.getColumnIndexByUid(args.column.uid) === this.parent.treeColumnIndex && (args.requestType === 'add' || args.requestType
+        let columnIndex;
+        const getVirtualColIndexByUid = 'getVirtualColIndexByUid';
+        if (this.parent.enableColumnVirtualization && !this.parent.initialRender) {
+            columnIndex = this.parent[getVirtualColIndexByUid](args.column.uid);
+        }
+        else {
+            columnIndex = grid.getColumnIndexByUid(args.column.uid);
+        }
+        if (columnIndex === this.parent.treeColumnIndex && (args.requestType === 'add' || args.requestType
             === 'rowDragAndDrop' || args.requestType === 'delete' || isNullOrUndefined(args.cell.querySelector('.e-treecell')))) {
             const container = createElement('div', { className: 'e-treecolumn-container' });
             const emptyExpandIcon = createElement('span', {
@@ -1489,7 +1524,7 @@ class Render {
         else if (this.templateResult) {
             this.templateResult = null;
         }
-        let freeze = (grid.getFrozenLeftColumnsCount() > 0 || grid.getFrozenRightColumnsCount() > 0) ? true : false;
+        const freeze = (grid.getFrozenLeftColumnsCount() > 0 || grid.getFrozenRightColumnsCount() > 0) ? true : false;
         if (!freeze) {
             if (frozenColumns > this.parent.treeColumnIndex && frozenColumns > 0 &&
                 grid.getColumnIndexByUid(args.column.uid) === frozenColumns) {
@@ -1506,9 +1541,9 @@ class Render {
             }
         }
         else {
-            let freezerightColumns = grid.getFrozenRightColumns();
-            let freezeLeftColumns = grid.getFrozenLeftColumns();
-            let movableColumns = grid.getMovableColumns();
+            const freezerightColumns = grid.getFrozenRightColumns();
+            const freezeLeftColumns = grid.getFrozenLeftColumns();
+            const movableColumns = grid.getMovableColumns();
             if ((freezerightColumns.length > 0) && freezerightColumns[0].field === args.column.field) {
                 addClass([args.cell], 'e-gridrowindex' + index + 'level' + data.level);
             }
@@ -2527,6 +2562,7 @@ function editAction(details, control, isSelfReference, addRowIndex, selectedInde
                                 const childRecords = parentData ? parentData[control.childMapping] : [];
                                 for (let p = childRecords.length - 1; p >= 0; p--) {
                                     if (childRecords[p][control.idMapping] === currentData[control.idMapping]) {
+                                        parentData['childRecords'].splice(p, 1);
                                         childRecords.splice(p, 1);
                                         if (!childRecords.length) {
                                             parentData.hasChildRecords = false;
@@ -3259,7 +3295,8 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 member: 'ExcelExport', args: [this]
             });
         }
-        if (this.frozenColumns || this.frozenRows || this.getFrozenColumns() || this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount()) {
+        if (this.frozenColumns || this.frozenRows || this.getFrozenColumns() ||
+            this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount()) {
             modules.push({
                 member: 'freeze', args: [this]
             });
@@ -3477,6 +3514,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         this.grid.allowSorting = this.allowSorting;
         this.grid.allowFiltering = this.allowFiltering;
         this.grid.enableVirtualization = this.enableVirtualization;
+        this.grid.enableColumnVirtualization = this.enableColumnVirtualization;
         this.grid.enableInfiniteScrolling = this.enableInfiniteScrolling;
         this.grid.infiniteScrollSettings = this.infiniteScrollSettings;
         this.grid.width = this.width;
@@ -3833,6 +3871,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 && (this.grid.filterSettings.columns.length === 0 || this.grid.searchSettings.key.length === 0)) {
                 this.notify('clearFilters', { flatData: this.grid.dataSource });
                 this.grid.setProperties({ dataSource: this.dataResults.result }, true);
+                if (isNullOrUndefined(this.grid['changedProperties'].dataSource)) {
+                    this.grid.renderModule.data.dataManager = this.grid.dataSource instanceof DataManager ? this.grid.dataSource :
+                        (isNullOrUndefined(this.grid.dataSource) ? new DataManager() : new DataManager(this.grid.dataSource));
+                }
             }
             const callBackPromise = new Deferred();
             this.trigger(actionBegin, args, (actionArgs) => {
@@ -3858,7 +3900,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 this.notify(batchSave, args);
             }
             this.notify('updateGridActions', args);
-            if (args.requestType === 'save' && this.aggregates.map((ag) => ag.showChildSummary == true).length) {
+            if (args.requestType === 'save' && this.aggregates.map((ag) => ag.showChildSummary === true).length) {
                 this.grid.refresh();
             }
             this.trigger(actionComplete, args);
@@ -4148,6 +4190,9 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 case 'enableVirtualization':
                     this.grid.enableVirtualization = this.enableVirtualization;
                     break;
+                case 'enableColumnVirtualization':
+                    this.grid.enableColumnVirtualization = this.enableColumnVirtualization;
+                    break;
                 case 'toolbar':
                     this.grid.toolbar = this.getGridToolbar();
                     break;
@@ -4371,6 +4416,11 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         if (isNullOrUndefined(this.grid)) {
             return;
         }
+        if (!isNullOrUndefined(this.rowDropSettings.targetID) &&
+            isNullOrUndefined(document.getElementById(this.grid.rowDropSettings.targetID))) {
+            document.getElementById(this.rowDropSettings.targetID).id = this.grid.rowDropSettings.targetID;
+            this.rowDropSettings.targetID = this.grid.rowDropSettings.targetID;
+        }
         super.dataBind();
         this.grid.dataBind();
     }
@@ -4382,7 +4432,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      */
     getPersistData() {
         const keyEntity = ['pageSettings', 'sortSettings',
-            'filterSettings', 'columns', 'searchSettings', 'selectedRowIndex'];
+            'filterSettings', 'columns', 'searchSettings', 'selectedRowIndex', 'treeColumnIndex'];
         const ignoreOnPersist = {
             pageSettings: ['template', 'pageSizes', 'pageSizeMode', 'enableQueryString', 'totalRecordsCount', 'pageCount'],
             filterSettings: ['type', 'mode', 'showFilterBarStatus', 'immediateModeDelay', 'ignoreAccent', 'hierarchyMode'],
@@ -4393,8 +4443,9 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             'commandTemplate', 'commands', 'dataSource'];
         for (let i = 0; i < keyEntity.length; i++) {
             const currentObject = this[keyEntity[i]];
-            for (const val of ignoreOnPersist[keyEntity[i]]) {
-                delete currentObject[val];
+            for (let k = 0, val = ignoreOnPersist[keyEntity[i]]; (!isNullOrUndefined(val) && k < val.length); k++) {
+                let objVal = val[k];
+                delete currentObject[objVal];
             }
         }
         this.ignoreInArrays(ignoreOnColumn, this.columns);
@@ -4707,7 +4758,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {Column} - Returns tree grid column
      */
     getColumnByUid(uid) {
-        let Columns = this.initialRender ? this.grid.columns : this.columns;
+        const Columns = this.initialRender ? this.grid.columns : this.columns;
         return iterateArrayOrObject(Columns, (item) => {
             if (item.uid === uid) {
                 return item;
@@ -4797,6 +4848,16 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
     getColumnIndexByField(field) {
         return this.grid.getColumnIndexByField(field);
     }
+    getVirtualColIndexByUid(uid) {
+        const columnModel = 'columnModel';
+        const index = iterateArrayOrObject(this.grid[columnModel], (item, index) => {
+            if (item.uid === uid) {
+                return index;
+            }
+            return undefined;
+        })[0];
+        return !isNullOrUndefined(index) ? index : -1;
+    }
     /**
      * Gets a column index by UID.
      *
@@ -4825,17 +4886,19 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             temp = this.columnModel[this.treeColumnIndex].template;
             field = this.columnModel[this.treeColumnIndex].field;
         }
-        this.columnModel = [];
         let stackedHeader = false;
         let gridColumn;
-        for (let i = 0; i < gridColumns.length; i++) {
-            gridColumn = {};
-            for (const prop of Object.keys(gridColumns[i])) {
-                gridColumn[prop] = gridColumns[i][prop];
-            }
-            this.columnModel.push(new Column(gridColumn));
-            if (field === this.columnModel[i].field && (!isNullOrUndefined(temp) && temp !== '')) {
-                this.columnModel[i].template = temp;
+        if (!this.enableColumnVirtualization || (this.enableColumnVirtualization && this.columnModel.length === gridColumns.length)) {
+            this.columnModel = [];
+            for (let i = 0; i < gridColumns.length; i++) {
+                gridColumn = {};
+                for (const prop of Object.keys(gridColumns[i])) {
+                    gridColumn[prop] = gridColumns[i][prop];
+                }
+                this.columnModel.push(new Column(gridColumn));
+                if (field === this.columnModel[i].field && (!isNullOrUndefined(temp) && temp !== '')) {
+                    this.columnModel[i].template = temp;
+                }
             }
         }
         const merge$$1 = 'deepMerge';
@@ -5138,7 +5201,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         });
     }
     setHeightForFrozenContent() {
-        let freeze = (this.grid.getFrozenLeftColumnsCount() > 0 || this.grid.getFrozenRightColumnsCount() > 0) ? true : false;
+        const freeze = (this.grid.getFrozenLeftColumnsCount() > 0 || this.grid.getFrozenRightColumnsCount() > 0) ? true : false;
         if (this.grid.getFrozenColumns() > 0 || freeze) {
             this.grid.contentModule.refreshScrollOffset();
         }
@@ -5204,7 +5267,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             const row = getObject('rows', rec);
             const record = getObject('records', rec);
             for (let i = 0; i < record.length; i++) {
-                if (record[i].parentItem != undefined) {
+                if (record[i].parentItem !== undefined) {
                     const pindex = this.flatData[record[i].parentItem.index].index;
                     if (this.flatData[pindex].expanded === false) {
                         record.push(this.flatData[pindex]);
@@ -5528,7 +5591,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         else {
             rows = gridRows.filter((r) => r.querySelector('.e-gridrowindex' + record.index + 'level' + (record.level + 1)));
         }
-        let freeze = (this.grid.getFrozenLeftColumnsCount() > 0 || this.grid.getFrozenRightColumnsCount() > 0) ? true : false;
+        const freeze = (this.grid.getFrozenLeftColumnsCount() > 0 || this.grid.getFrozenRightColumnsCount() > 0) ? true : false;
         if (this.frozenRows || this.frozenColumns || this.getFrozenColumns() || freeze) {
             movableRows = this.getMovableRows().filter((r) => r.querySelector('.e-gridrowindex' + record.index + 'level' + (record.level + 1)));
         }
@@ -5596,7 +5659,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         let childRecord;
         let movablerows = [];
         let rightrows = [];
-        let freeze = (this.getFrozenLeftColumnsCount() > 0 || this.getFrozenRightColumnsCount() > 0) ? true : false;
+        const freeze = (this.getFrozenLeftColumnsCount() > 0 || this.getFrozenRightColumnsCount() > 0) ? true : false;
         if (freeze) {
             movablerows = this.getMovableRows().filter((r) => r.querySelector('.e-gridrowindex' + rowDetails.record.index + 'level' + (rowDetails.record.level + 1)));
             rightrows = this.getFrozenRightRows().filter((r) => r.querySelector('.e-gridrowindex' + rowDetails.record.index + 'level' + (rowDetails.record.level + 1)));
@@ -6154,6 +6217,9 @@ __decorate([
 __decorate([
     Property(false)
 ], TreeGrid.prototype, "enableVirtualization", void 0);
+__decorate([
+    Property(false)
+], TreeGrid.prototype, "enableColumnVirtualization", void 0);
 __decorate([
     Property(false)
 ], TreeGrid.prototype, "enableInfiniteScrolling", void 0);
@@ -6828,7 +6894,8 @@ class RowDD$1 {
         const bottomRowSegment = middleRowSegment + divide;
         const mouseEvent = getObject('originalEvent.event', args);
         const touchEvent = getObject('originalEvent.event', args);
-        const posy = (mouseEvent.type == "mousemove") ? mouseEvent.pageY : ((!isNullOrUndefined(touchEvent) && !isNullOrUndefined(touchEvent.changedTouches)) ? touchEvent.changedTouches[0].pageY : null);
+        const posy = (mouseEvent.type === 'mousemove') ? mouseEvent.pageY : ((!isNullOrUndefined(touchEvent) &&
+            !isNullOrUndefined(touchEvent.changedTouches)) ? touchEvent.changedTouches[0].pageY : null);
         const isTopSegment = posy <= topRowSegment;
         const isMiddleRowSegment = (posy > topRowSegment && posy <= middleRowSegment);
         const isBottomRowSegment = (posy > middleRowSegment && posy <= bottomRowSegment);
@@ -7055,7 +7122,7 @@ class RowDD$1 {
         }
         else {
             if (args.target && closest(args.target, '#' + tObj.rowDropSettings.targetID) || parentsUntil(args.target, 'e-treegrid') &&
-                parentsUntil(args.target, 'e-treegrid').id === tObj.rowDropSettings.targetID) {
+                parentsUntil(args.target, 'e-treegrid').id === tObj.rowDropSettings.targetID || args.target && document.getElementById(tObj.rowDropSettings.targetID)) {
                 setValue('dropPosition', this.dropPosition, args);
                 tObj.trigger(rowDrop, args);
                 if (!args.cancel && tObj.rowDropSettings.targetID) {
@@ -7243,6 +7310,13 @@ class RowDD$1 {
                         args.dropIndex = correctIndex;
                         droppedRecord = this.droppedRecord = this.parent.getCurrentViewRecords()[args.dropIndex];
                     }
+                    if (droppedRecord.parentItem || this.dropPosition === 'middleSegment') {
+                        const parentRecords = tObj.parentData;
+                        const newParentIndex = parentRecords.indexOf(this.draggedRecord);
+                        if (newParentIndex !== -1) {
+                            parentRecords.splice(newParentIndex, 1);
+                        }
+                    }
                     const recordIndex1 = this.treeGridData.indexOf(droppedRecord);
                     this.dropAtTop(recordIndex1);
                     if (this.dropPosition === 'bottomSegment') {
@@ -7290,10 +7364,16 @@ class RowDD$1 {
                 if (isNullOrUndefined(draggedRecord.parentItem)) {
                     const parentRecords = tObj.parentData;
                     const newParentIndex = parentRecords.indexOf(this.droppedRecord);
-                    if (this.dropPosition === 'bottomSegment') {
+                    let nonRepeat = 0;
+                    parentRecords.filter((e) => {
+                        if (draggedRecord.uniqueID === e.uniqueID) {
+                            nonRepeat++;
+                        }
+                    });
+                    if (this.dropPosition === 'bottomSegment' && nonRepeat === 0) {
                         parentRecords.splice(newParentIndex + 1, 0, draggedRecord);
                     }
-                    else if (this.dropPosition === 'topSegment') {
+                    else if (this.dropPosition === 'topSegment' && nonRepeat === 0) {
                         parentRecords.splice(newParentIndex, 0, draggedRecord);
                     }
                 }
@@ -7365,6 +7445,11 @@ class RowDD$1 {
             draggedRecord.parentItem = parentItem;
             draggedRecord.parentUniqueID = droppedRecord.uniqueID;
             droppedRecord.childRecords.splice(droppedRecord.childRecords.length, 0, draggedRecord);
+            const isSelfReference = 'isSelfReference';
+            if (tObj[isSelfReference]) {
+                droppedRecord[tObj.childMapping] = [];
+                droppedRecord[tObj.childMapping].splice(droppedRecord[tObj.childMapping].length, 0, draggedRecord);
+            }
             if (!isNullOrUndefined(draggedRecord) && !tObj.parentIdMapping && !isNullOrUndefined(droppedRecord.taskData[childItem])) {
                 droppedRecord.taskData[tObj.childMapping].splice(droppedRecord.childRecords.length, 0, draggedRecord.taskData);
             }
@@ -7403,7 +7488,7 @@ class RowDD$1 {
         }
         length = record.childRecords.length;
         for (let i = 0; i < length; i++) {
-            currentRecord = record.childRecords[i];
+            currentRecord = getValue('uniqueIDCollection.' + record.childRecords[i].uniqueID, tObj);
             count++;
             tObj.flatData.splice(count, 0, currentRecord);
             setValue('uniqueIDCollection.' + currentRecord.uniqueID, currentRecord, this.parent);
@@ -7425,7 +7510,7 @@ class RowDD$1 {
         }
         length = record.childRecords.length;
         for (let i = 0; i < length; i++) {
-            currentRecord = record.childRecords[i];
+            currentRecord = getValue('uniqueIDCollection.' + record.childRecords[i].uniqueID, this.parent);
             let parentData;
             if (record.parentItem) {
                 parentData = getParentData(this.parent, record.parentItem.uniqueID);
@@ -7660,7 +7745,19 @@ class TreeVirtualRowModelGenerator extends VirtualRowModelGenerator {
     getDatas(args) {
         this.visualData = args.data;
     }
+    getDataInfo() {
+        return super.getData();
+    }
     generateRows(data, notifyArgs) {
+        const info = this.getDataInfo();
+        if (!isNullOrUndefined(notifyArgs.virtualInfo)) {
+            if (notifyArgs.virtualInfo.direction !== 'right' && notifyArgs.virtualInfo.direction !== 'left') {
+                notifyArgs.virtualInfo.blockIndexes = info.blockIndexes;
+            }
+            else {
+                notifyArgs.virtualInfo.blockIndexes = this.getBlockIndexes(notifyArgs.virtualInfo.page);
+            }
+        }
         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)) {
             return super.generateRows(data, notifyArgs);
@@ -9188,10 +9285,11 @@ class BatchEdit {
         if (frozenCols && args.columnObject.index > frozenCols) {
             actualCellIndex = actualCellIndex + frozenCols;
         }
-        let freeze = (this.parent.getFrozenLeftColumnsCount() > 0 || this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
+        const freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
+            this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
         if (freeze) {
-            let colCount = this.parent.getFrozenLeftColumnsCount() + actualCellIndex;
-            if (colCount == this.parent.treeColumnIndex) {
+            const colCount = this.parent.getFrozenLeftColumnsCount() + actualCellIndex;
+            if (colCount === this.parent.treeColumnIndex) {
                 this.parent.renderModule.cellRender({ data: args.rowData, cell: args.cell,
                     column: this.parent.grid.getColumnByIndex(args.cell.cellIndex)
                 });
@@ -9353,7 +9451,7 @@ class BatchEdit {
             focusModule.getContent().matrix.current = [actualIndex, focusModule.getContent().matrix.current[1]];
         }
     }
-    beforeBatchDelete() {
+    beforeBatchDelete(args) {
         if (!this.batchRecords.length) {
             this.batchRecords = extendArray(this.parent.grid.getCurrentViewRecords());
             this.currentViewRecords = extendArray(this.parent.grid.getCurrentViewRecords());
@@ -9363,9 +9461,19 @@ class BatchEdit {
         const row = [];
         let records = [];
         const primarykey = this.parent.grid.getPrimaryKeyFieldNames()[0];
-        const data = this.parent.grid.getSelectedRecords()[this.parent.grid.getSelectedRecords().length - 1];
-        const childs = findChildrenRecords(data);
-        const uid = this.parent.getSelectedRows()[0].getAttribute('data-uid');
+        let data;
+        let childs;
+        let uid;
+        if (!isNullOrUndefined(args.row) && this.parent.getSelectedRows().indexOf(args.row) === -1) {
+            data = args.rowData;
+            childs = findChildrenRecords(data);
+            uid = args.row.getAttribute('data-uid');
+        }
+        else {
+            data = this.parent.grid.getSelectedRecords()[this.parent.grid.getSelectedRecords().length - 1];
+            childs = findChildrenRecords(data);
+            uid = this.parent.getSelectedRows()[0].getAttribute('data-uid');
+        }
         const parentRowIndex = parseInt(this.parent.grid.getRowElementByUID(uid).getAttribute('aria-rowindex'), 10);
         if (childs.length) {
             const totalCount = parentRowIndex + childs.length;
@@ -9405,7 +9513,8 @@ class BatchEdit {
         for (let i = 0; i < rows.length; i++) {
             rows[i].setAttribute('aria-rowindex', i.toString());
         }
-        let freeze = (this.parent.getFrozenLeftColumnsCount() > 0 || this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
+        const freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
+            this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
         if (this.parent.frozenRows || this.parent.getFrozenColumns() || this.parent.frozenColumns || freeze) {
             const mRows = this.parent.grid.getMovableDataRows();
             const freezeRightRows = this.parent.grid.getFrozenRightDataRows();
@@ -9916,7 +10025,7 @@ class Edit$1 {
         if (args.action === 'f2') {
             this.recordDoubleClick(args);
         }
-        if (args.action == 'escape') {
+        if (args.action === 'escape') {
             this.parent.closeEdit();
         }
     }
@@ -10025,12 +10134,13 @@ class Edit$1 {
                 });
             }
             else {
-                let freeze = (this.parent.getFrozenLeftColumnsCount() > 0 || this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
+                const freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
+                    this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
                 if (freeze) {
-                    if (this.parent.getRows().indexOf(row) != -1) {
+                    if (this.parent.getRows().indexOf(row) !== -1) {
                         rowIndex = this.parent.getRows().indexOf(row);
                     }
-                    else if (this.parent.getFrozenRightRows().indexOf(row) != -1) {
+                    else if (this.parent.getFrozenRightRows().indexOf(row) !== -1) {
                         rowIndex = this.parent.getFrozenRightRows().indexOf(row);
                     }
                     else {
@@ -10097,7 +10207,8 @@ class Edit$1 {
             this.isOnBatch = false;
         }
         this.enableToolbarItems('save');
-        let freeze = (this.parent.getFrozenLeftColumnsCount() > 0 || this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
+        const freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
+            this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
         if (freeze) {
             if (args.cell.closest('.e-frozen-left-header') || args.cell.closest('.e-frozen-left-content')) {
                 mRow = this.parent.grid.getRows()[rowIndex];
@@ -10134,7 +10245,7 @@ class Edit$1 {
             type: 'save', column: this.parent.getColumnByField(args.columnName), data: args.rowData,
             previousData: args.previousValue, row: row, target: args.cell
         };
-        if (this.parent.aggregates.map((ag) => ag.showChildSummary == true).length) {
+        if (this.parent.aggregates.map((ag) => ag.showChildSummary === true).length) {
             this.parent.grid.refresh();
         }
         this.parent.trigger(actionComplete, saveArgs);
@@ -10176,6 +10287,10 @@ class Edit$1 {
                 }
             }
             setValue('uniqueIDCollection.' + data[i].uniqueID + '.index', i, this.parent);
+            const adaptor = this.parent.dataSource.adaptor;
+            if ((isRemoteData(this.parent) || adaptor instanceof RemoteSaveAdaptor)) {
+                setValue('uniqueIDCollection.' + data[i].uniqueID, data[i], this.parent);
+            }
             if (!data[i].level) {
                 this.parent.parentData.push(data[i]);
             }
@@ -10295,7 +10410,8 @@ class Edit$1 {
                     this.parent.grid.contentModule[r].splice(0, 1);
                     this.parent.grid.contentModule[r].splice(rowObjectIndex, 0, newRowObject);
                 }
-                let freeze = (this.parent.getFrozenLeftColumnsCount() > 0 || this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
+                const freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
+                    this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
                 if (this.parent.frozenRows || this.parent.getFrozenColumns() || this.parent.frozenColumns || freeze) {
                     const movableRows = this.parent.getMovableDataRows();
                     const frows = 'freezeRows';
@@ -10843,9 +10959,9 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
         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[action]('data-ready', this.onDataReady, this);
-            //this.parent[action]('refresh-virtual-block', this.refreshContentRows, this);
+            this.parent[action]('refresh-virtual-block', this.refreshContentRows, this);
             this.fn = () => {
-                this.observers.observes((scrollArgs) => this.scrollListeners(scrollArgs));
+                this.observers.observes((scrollArgs) => this.scrollListeners(scrollArgs), this.onEnteredAction());
                 this.parent.off('content-ready', this.fn);
             };
             this.parent.addEventListener('dataBound', this.dataBoundEvent.bind(this));
@@ -10877,7 +10993,9 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
             && this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || !isCountRequired(this.parent)) {
             if (!isNullOrUndefined(e.count)) {
                 this.totalRecords = e.count;
-                getValue('virtualEle', this).setVirtualHeight(this.parent.getRowHeight() * e.count, '100%');
+                if (!this.parent.enableColumnVirtualization) {
+                    getValue('virtualEle', this).setVirtualHeight(this.parent.getRowHeight() * e.count, '100%');
+                }
             }
             if ((!isNullOrUndefined(e.requestType) && e.requestType.toString() === 'collapseAll') || this.isDataSourceChanged) {
                 this.contents.scrollTop = 0;
@@ -10935,6 +11053,10 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
             return;
         }
         const selectVirtualRow = 'selectVirtualRow';
+        const containerRect = 'containerRect';
+        if (isNullOrUndefined(this.observer[containerRect])) {
+            this.observer[containerRect] = this.observers[containerRect];
+        }
         super[selectVirtualRow](args);
     }
     refreshCell(rowObj) {
@@ -11041,15 +11163,38 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
         const actionComplete$$1 = 'actionComplete';
         super[actionComplete$$1](args);
     }
+    onEnteredAction() {
+        return (element, current, direction, e, isWheel, check) => {
+            const directVirtualRender = 'directVirtualRender';
+            if (!this.parent[directVirtualRender]) { // with this property, columns are rendered without debouncing on horizontal scroll.
+                const preventEvent = 'preventEvent';
+                if (Browser.isIE && !isWheel && check && !this[preventEvent]) {
+                    this.parent.showSpinner();
+                }
+                const xAxis = current.axis === 'X';
+                let x = this.getColumnOffset(xAxis ? this.vgenerator.getColumnIndexes()[0] - 1 : this.prevInfo.columnIndexes[0]
+                    - 1);
+                if (xAxis) {
+                    const idx = Object.keys(this.vgenerator.cOffsets).length - this.prevInfo.columnIndexes.length;
+                    const maxLeft = this.vgenerator.cOffsets[idx - 1];
+                    x = x > maxLeft ? maxLeft : x; //TODO: This fix horizontal scrollbar jumping issue in column virtualization.
+                }
+                this.virtualEle.adjustTable(x, this.translateY);
+                if (this.parent.enableColumnVirtualization) {
+                    this.header.virtualEle.adjustTable(x, 0);
+                }
+            }
+        };
+    }
     scrollListeners(scrollArgs) {
         const info = scrollArgs.sentinel;
-        const outBuffer = 10; //this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 1.5);
+        const outBuffer = this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 2);
         const content = this.parent.getContent().querySelector('.e-content');
         const scrollHeight = outBuffer * this.parent.getRowHeight();
         const upScroll = (scrollArgs.offset.top - this.translateY) < 0;
         const downScroll = Math.ceil(scrollArgs.offset.top - this.translateY) >= scrollHeight;
         const selectedRowIndex = 'selectedRowIndex';
-        if (upScroll) {
+        if (upScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
             const vHeight = +(this.parent.height.toString().indexOf('%') < 0 ? this.parent.height :
                 this.parent.element.getBoundingClientRect().height);
             let index = (~~(content.scrollTop / this.parent.getRowHeight())
@@ -11086,7 +11231,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
                     scrollArgs.offset.top - (outBuffer * height) + 10 : 0;
             }
         }
-        else if (downScroll) {
+        else if (downScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
             let nextSetResIndex = ~~(content.scrollTop / this.parent.getRowHeight());
             const isLastBlock = (this[selectedRowIndex] + this.parent.pageSettings.pageSize) < this.totalRecords ? false : true;
             if (!isNullOrUndefined(this[selectedRowIndex]) && this[selectedRowIndex] !== -1 &&
@@ -11107,14 +11252,17 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
                 this.translateY = scrollArgs.offset.top;
             }
         }
-        if ((downScroll && (scrollArgs.offset.top < (this.parent.getRowHeight() * this.totalRecords)))
-            || (upScroll)) {
-            const viewInfo = getValue('getInfoFromView', this).apply(this, [scrollArgs.direction, info, scrollArgs.offset]);
+        if (((downScroll && (scrollArgs.offset.top < (this.parent.getRowHeight() * this.totalRecords)))
+            || (upScroll)) || (scrollArgs.direction === 'right' || scrollArgs.direction === 'left')) {
+            const viewInfo = this.currentInfo = getValue('getInfoFromView', this).apply(this, [scrollArgs.direction, info, scrollArgs.offset]);
             this.previousInfo = viewInfo;
+            this.parent.setColumnIndexesInView(this.parent.enableColumnVirtualization ? viewInfo.columnIndexes : []);
             const page = viewInfo.loadNext && !viewInfo.loadSelf ? viewInfo.nextInfo.page : viewInfo.page;
             this.parent.setProperties({ pageSettings: { currentPage: page } }, true);
-            viewInfo.event = viewInfo.event === 'refresh-virtual-block' ? 'model-changed' : viewInfo.event;
-            this.parent.notify(viewInfo.event, { requestType: 'virtualscroll', focusElement: scrollArgs.focusElement });
+            if (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left') {
+                viewInfo.event = viewInfo.event === 'refresh-virtual-block' ? 'model-changed' : viewInfo.event;
+            }
+            this.parent.notify(viewInfo.event, { requestType: 'virtualscroll', virtualInfo: viewInfo, focusElement: scrollArgs.focusElement });
         }
     }
     appendContent(target, newChild, e) {
@@ -11131,7 +11279,14 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
                 getValue('currentInfo', this) : e.virtualInfo;
             const cBlock = (info.columnIndexes[0]) - 1;
             const cOffset = this.getColumnOffset(cBlock);
-            this.virtualEle.setWrapperWidth(null, (Browser.isIE || Browser.info.name === 'edge'));
+            let width;
+            if (this.parent.enableColumnVirtualization) {
+                this.header.virtualEle.adjustTable(cOffset, 0);
+                const cIndex = info.columnIndexes;
+                width = this.getColumnOffset(cIndex[cIndex.length - 1]) - this.getColumnOffset(cIndex[0] - 1) + '';
+                this.header.virtualEle.setWrapperWidth(width);
+            }
+            this.virtualEle.setWrapperWidth(width, (Browser.isIE || Browser.info.name === 'edge'));
             target = this.parent.createElement('tbody');
             target.appendChild(newChild);
             const replace = 'replaceWith';
@@ -11143,8 +11298,12 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
                 this.isExpandCollapse = false;
             }
             setValue('prevInfo', this.previousInfo ? this.previousInfo : info, this);
+            if (e.requestType === 'virtualscroll' && e.virtualInfo.sentinelInfo.axis === 'X') {
+                this.parent.notify(autoCol, {});
+            }
             const focusCell = 'focusCell';
             const restoreAdd = 'restoreAdd';
+            const ensureSelectedRowPosition = 'ensureSelectedRowPosition';
             super[focusCell](e);
             const isAdd = 'isAdd';
             if (this[isAdd] && !this.parent.getContent().querySelector('.e-content').querySelector('.e-addedrow')) {
@@ -11160,6 +11319,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
             }
             this.restoreEditState();
             super[restoreAdd]();
+            super[ensureSelectedRowPosition]();
         }
     }
     removeEventListener() {
@@ -11192,27 +11352,33 @@ class TreeInterSectionObserver extends InterSectionObserver {
         this.lastPos = 0;
         this.timer = 0;
     }
-    observes(callback) {
+    observes(callback, onEnterCallback) {
         const containerRect = 'containerRect';
         super[containerRect] = getValue('options', this).container.getBoundingClientRect();
-        EventHandler.add(getValue('options', this).container, 'scroll', this.virtualScrollHandlers(callback), this);
+        EventHandler.add(getValue('options', this).container, 'scroll', this.virtualScrollHandlers(callback, onEnterCallback), this);
     }
     clear() {
         this.lastPos = null;
     }
-    virtualScrollHandlers(callback) {
-        let prevTop = 0;
-        let prevLeft = 0;
+    virtualScrollHandlers(callback, onEnterCallback) {
+        const delay = Browser.info.name === 'chrome' ? 200 : 100;
+        const options = 'options';
+        const movableEle = 'movableEle';
+        const element = 'element';
+        const fromWheel = 'fromWheel';
+        const debounced100 = debounce(callback, delay);
+        const debounced50 = debounce(callback, 50);
+        this[options].prevTop = this[options].prevLeft = 0;
         return (e) => {
-            const scrollTop = e.target.scrollTop;
-            const scrollLeft = e.target.scrollLeft;
-            let direction = prevTop < scrollTop ? 'down' : 'up';
-            direction = prevLeft === scrollLeft ? direction : prevLeft < scrollLeft ? 'right' : 'left';
-            prevTop = scrollTop;
-            prevLeft = scrollLeft;
-            const current = getValue('sentinelInfo', this)[direction];
+            const top = this[options].movableContainer ? this[options].container.scrollTop : e.target.scrollTop;
+            const left = this[options].movableContainer ? this[options].scrollbar.scrollLeft : e.target.scrollLeft;
+            let direction = this[options].prevTop < top ? 'down' : 'up';
+            direction = this[options].prevLeft === left ? direction : this[options].prevLeft < left ? 'right' : 'left';
+            this[options].prevTop = top;
+            this[options].prevLeft = left;
+            const current = this.sentinelInfo[direction];
             let delta = 0;
-            this.newPos = scrollTop;
+            this.newPos = top;
             if (this.lastPos != null) { // && newPos < maxScroll
                 delta = this.newPos - this.lastPos;
             }
@@ -11221,19 +11387,35 @@ class TreeInterSectionObserver extends InterSectionObserver {
                 clearTimeout(this.timer);
             }
             this.timer = setTimeout(this.clear, 0);
-            /*if (this.options.axes.indexOf(current.axis) === -1) {
-            return;
-        }*/
-            /*if(delta > 45 || delta < -45){
-          this.isWheeling = true;
-        }*/
             if ((delta > 100 || delta < -100) && (e && e.preventDefault)) {
                 e.returnValue = false;
                 e.preventDefault();
             }
-            callback({ direction: direction, isWheel: this.isWheeling,
-                sentinel: current, offset: { top: scrollTop, left: scrollLeft },
-                focusElement: document.activeElement });
+            if (this[options].axes.indexOf(current.axis) === -1) {
+                return;
+            }
+            const check = this.check(direction);
+            if (current.entered && current.axis === 'X') {
+                if (this[movableEle] && (direction === 'right' || direction === 'left')) {
+                    onEnterCallback(this[movableEle], current, direction, { top: top, left: left }, this[fromWheel], check);
+                }
+                else {
+                    onEnterCallback(this[element], current, direction, { top: top, left: left }, this[fromWheel], check);
+                }
+            }
+            if (check) {
+                let fn = debounced100;
+                if (current.axis === 'X') {
+                    fn = debounced50;
+                    fn({ direction: direction, sentinel: current, offset: { top: top, left: left },
+                        focusElement: document.activeElement });
+                }
+                else {
+                    callback({ direction: direction, sentinel: current, offset: { top: top, left: left },
+                        focusElement: document.activeElement });
+                }
+            }
+            this[fromWheel] = false;
         };
     }
 }
@@ -11273,8 +11455,12 @@ class VirtualScroll$1 {
      * @returns {void}
      */
     addEventListener() {
+        if (this.parent.isDestroyed) {
+            return;
+        }
         this.parent.on(localPagedExpandCollapse, this.collapseExpandVirtualchilds, this);
         this.parent.on(pagingActions, this.virtualPageAction, this);
+        this.parent.on(destroy, this.destroy, this);
     }
     /**
      * @hidden
@@ -11286,6 +11472,7 @@ class VirtualScroll$1 {
         }
         this.parent.off(localPagedExpandCollapse, this.collapseExpandVirtualchilds);
         this.parent.off(pagingActions, this.virtualPageAction);
+        this.parent.off(destroy, this.destroy);
     }
     collapseExpandVirtualchilds(row) {
         this.parent.grid.notify(virtualActionArgs, { isExpandCollapse: true });
@@ -11340,7 +11527,7 @@ class VirtualScroll$1 {
                 const resourceCount = this.parent.getRows();
                 let sIndex = visualData.indexOf(this.expandCollapseRec);
                 const tempdata = visualData.slice(sIndex, sIndex + resourceCount.length);
-                if (tempdata.length < resourceCount.length && sIndex >= 0) {
+                if (tempdata.length < resourceCount.length && sIndex >= 0 && startIndex !== 0) {
                     sIndex = visualData.length - resourceCount.length;
                     sIndex = sIndex > 0 ? sIndex : 0;
                     startIndex = sIndex;
@@ -11351,17 +11538,17 @@ class VirtualScroll$1 {
                     endIndex = this.parent.grid.pageSettings.pageSize - 1;
                     this.parent.grid.notify(virtualActionArgs, { setTop: true });
                 }
-                this.expandCollapseRec = null;
             }
             //}
-            if (!isNullOrUndefined(this.expandCollapseRec) && this.parent.enableCollapseAll) {
+            if ((this.parent.enableCollapseAll || this.parent.expandStateMapping) && !isNullOrUndefined(this.expandCollapseRec)) {
                 if (pageingDetails.count < this.parent.getRows()[0].getBoundingClientRect().height) {
-                    startIndex = visualData[0].index;
+                    startIndex = 0;
                 }
                 else {
                     startIndex = this.prevstartIndex === -1 ? 0 : this.prevstartIndex;
                 }
             }
+            this.expandCollapseRec = null;
             pageingDetails.result = visualData.slice(startIndex, endIndex);
             this.prevstartIndex = startIndex;
             this.prevendIndex = endIndex;
@@ -11388,8 +11575,13 @@ class TreeVirtual extends VirtualScroll {
         return 'treeVirtualScroll';
     }
     instantiateRenderers() {
+        const parentGrid = getValue('parent', this);
         getValue('parent', this).log(['limitation', 'virtual_height'], 'virtualization');
         const renderer = getValue('locator', this).getService('rendererFactory');
+        if (parentGrid.enableColumnVirtualization) {
+            getValue('addRenderer', renderer)
+                .apply(renderer, [RenderType.Header, new VirtualHeaderRenderer(getValue('parent', this), getValue('locator', this))]);
+        }
         getValue('addRenderer', renderer)
             .apply(renderer, [RenderType.Content, new VirtualTreeContentRenderer(getValue('parent', this), getValue('locator', this))]);
         //renderer.addRenderer(RenderType.Content, new VirtualTreeContentRenderer(getValue('parent', this), getValue('locator', this)));
@@ -11444,7 +11636,8 @@ class Freeze$1 {
         const frozenrows = this.parent.getRows();
         let rows;
         let frozenRightRows;
-        let freeze = (this.parent.getFrozenLeftColumnsCount() > 0 || this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
+        const freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
+            this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
         if (freeze) {
             frozenRightRows = this.parent.getFrozenRightRows().filter((e) => e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1)));
         }
@@ -11859,5 +12052,5 @@ class InfiniteScroll$1 {
  * Export TreeGrid component
  */
 
-export { TreeGrid, load, rowDataBound, dataBound, queryCellInfo, beforeDataBound, actionBegin, dataStateChange, actionComplete, rowSelecting, rowSelected, checkboxChange, rowDeselected, toolbarClick, beforeExcelExport, beforePdfExport, resizeStop, expanded, expanding, collapsed, collapsing, remoteExpand, localPagedExpandCollapse, pagingActions, printGridInit, contextMenuOpen, contextMenuClick, beforeCopy, beforePaste, savePreviousRowPosition, crudAction, beginEdit, beginAdd, recordDoubleClick, cellSave, cellSaved, cellEdit, batchDelete, batchCancel, batchAdd, beforeBatchDelete, beforeBatchAdd, beforeBatchSave, batchSave, keyPressed, updateData, doubleTap, virtualColumnIndex, virtualActionArgs, dataListener, indexModifier, beforeStartEdit, beforeBatchCancel, batchEditFormRendered, detailDataBound, rowDrag, rowDragStartHelper, rowDrop, rowDragStart, rowsAdd, rowsRemove, rowdraging, rowDropped, DataManipulation, Reorder$1 as Reorder, Resize$1 as Resize, RowDD$1 as RowDD, Column, EditSettings, Predicate$1 as Predicate, FilterSettings, PageSettings, SearchSettings, SelectionSettings, AggregateColumn, AggregateRow, SortDescriptor, SortSettings, RowDropSettings$1 as RowDropSettings, InfiniteScrollSettings, Render, TreeVirtualRowModelGenerator, isRemoteData, isCountRequired, isCheckboxcolumn, isFilterChildHierarchy, findParentRecords, getExpandStatus, findChildrenRecords, isOffline, extendArray, getPlainData, getParentData, isHidden, ToolbarItem, ContextMenuItems, Filter$1 as Filter, ExcelExport$1 as ExcelExport, PdfExport$1 as PdfExport, Page$1 as Page, Toolbar$1 as Toolbar, Aggregate$1 as Aggregate, Sort$1 as Sort, TreeClipboard, ColumnMenu$1 as ColumnMenu, ContextMenu$1 as ContextMenu, Edit$1 as Edit, CommandColumn$1 as CommandColumn, Selection, DetailRow$1 as DetailRow, VirtualScroll$1 as VirtualScroll, TreeVirtual, Freeze$1 as Freeze, ColumnChooser$1 as ColumnChooser, Logger$1 as Logger, treeGridDetails, InfiniteScroll$1 as InfiniteScroll };
+export { TreeGrid, load, rowDataBound, dataBound, queryCellInfo, beforeDataBound, actionBegin, dataStateChange, actionComplete, rowSelecting, rowSelected, checkboxChange, rowDeselected, toolbarClick, beforeExcelExport, beforePdfExport, resizeStop, expanded, expanding, collapsed, collapsing, remoteExpand, localPagedExpandCollapse, pagingActions, printGridInit, contextMenuOpen, contextMenuClick, beforeCopy, beforePaste, savePreviousRowPosition, crudAction, beginEdit, beginAdd, recordDoubleClick, cellSave, cellSaved, cellEdit, batchDelete, batchCancel, batchAdd, beforeBatchDelete, beforeBatchAdd, beforeBatchSave, batchSave, keyPressed, updateData, doubleTap, virtualColumnIndex, virtualActionArgs, destroy, dataListener, indexModifier, beforeStartEdit, beforeBatchCancel, batchEditFormRendered, detailDataBound, rowDrag, rowDragStartHelper, rowDrop, rowDragStart, rowsAdd, rowsRemove, rowdraging, rowDropped, autoCol, DataManipulation, Reorder$1 as Reorder, Resize$1 as Resize, RowDD$1 as RowDD, Column, EditSettings, Predicate$1 as Predicate, FilterSettings, PageSettings, SearchSettings, SelectionSettings, AggregateColumn, AggregateRow, SortDescriptor, SortSettings, RowDropSettings$1 as RowDropSettings, InfiniteScrollSettings, Render, TreeVirtualRowModelGenerator, isRemoteData, isCountRequired, isCheckboxcolumn, isFilterChildHierarchy, findParentRecords, getExpandStatus, findChildrenRecords, isOffline, extendArray, getPlainData, getParentData, isHidden, ToolbarItem, ContextMenuItems, Filter$1 as Filter, ExcelExport$1 as ExcelExport, PdfExport$1 as PdfExport, Page$1 as Page, Toolbar$1 as Toolbar, Aggregate$1 as Aggregate, Sort$1 as Sort, TreeClipboard, ColumnMenu$1 as ColumnMenu, ContextMenu$1 as ContextMenu, Edit$1 as Edit, CommandColumn$1 as CommandColumn, Selection, DetailRow$1 as DetailRow, VirtualScroll$1 as VirtualScroll, TreeVirtual, Freeze$1 as Freeze, ColumnChooser$1 as ColumnChooser, Logger$1 as Logger, treeGridDetails, InfiniteScroll$1 as InfiniteScroll };
 //# sourceMappingURL=ej2-treegrid.es2015.js.map