@syncfusion/ej2-treegrid 22.2.9 → 23.1.39

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

@@ -1,5 +1,5 @@
 import { Browser, ChildProperty, Collection, Complex, Component, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, SanitizeHtmlHelper, addClass, classList, closest, compile, createElement, debounce, extend, getEnumValue, getValue, isNullOrUndefined, merge, remove, removeClass, select, setStyleAttribute, setValue } from '@syncfusion/ej2-base';
-import { Aggregate, Cell, CellRenderer, CellType, Clipboard, ColumnChooser, ColumnFreezeContentRenderer, ColumnFreezeHeaderRenderer, ColumnMenu, ColumnVirtualFreezeRenderer, CommandColumn, ContextMenu, DetailRow, Edit, ExcelExport, Filter, Freeze, FreezeContentRender, FreezeRender, FreezeRowModelGenerator, Grid, InfiniteScroll, InterSectionObserver, Logger, Page, PdfExport, Print, RenderType, Reorder, Resize, RowDD, RowDropSettings, RowRenderer, Scroll, Sort, Toolbar, VirtualContentRenderer, VirtualFreezeHdrRenderer, VirtualFreezeRenderer, VirtualHeaderRenderer, VirtualRowModelGenerator, VirtualScroll, appendChildren, calculateAggregate, detailLists, extend as extend$1, getActualProperties, getObject, getTransformValues, getUid, iterateArrayOrObject, parentsUntil, resetRowIndex, setDebounce, templateCompiler } from '@syncfusion/ej2-grids';
+import { Aggregate, Cell, CellRenderer, 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, getNumberFormat, getObject, getTransformValues, 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';
@@ -1348,7 +1348,7 @@ var Selection = /** @__PURE__ @class */ (function () {
         if (recordIndex > -1) {
             var movableTr = void 0;
             if (this.parent.frozenRows || this.parent.getFrozenColumns()) {
-                movableTr = this.parent.getMovableDataRows()[parseInt(recordIndex.toString(), 10)];
+                movableTr = this.parent.getDataRows()[parseInt(recordIndex.toString(), 10)];
             }
             checkbox = tr.querySelectorAll('.e-frame')[0] ? tr.querySelectorAll('.e-frame')[0]
                 : movableTr.querySelectorAll('.e-frame')[0];
@@ -2085,9 +2085,13 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
                     qry.isCountRequired = true;
                     dm.executeQuery(qry).then(function (e) {
                         _this.parentItems = DataUtil.distinct(e.result, _this.parent.parentIdMapping, false);
-                        var req = getObject('dataSource.requests', _this.parent).filter(function (e) {
-                            return e.httpRequest.statusText !== 'OK';
-                        }).length;
+                        var req;
+                        if (e.result) {
+                            req = 0;
+                        }
+                        else {
+                            req = 1;
+                        }
                         if (req === 0) {
                             setValue('grid.contentModule.isLoaded', true, _this.parent);
                             if (!isNullOrUndefined(_this.zerothLevelData)) {
@@ -2347,7 +2351,19 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
             var remoteCollapsedData = 'remoteCollapsedData';
             var level = 'level';
             var datas = _this.parent.grid.currentViewData.slice();
-            var inx = datas.indexOf(rowDetails.record);
+            var inx;
+            var idMapping = _this.parent.idMapping;
+            if (_this.parent['isGantt'] && !_this.parent.loadChildOnDemand && _this.parent.hasChildMapping) {
+                for (var i = 0; i < _this.parent.grid.currentViewData.length; i++) {
+                    if (rowDetails.record[idMapping] === _this.parent.grid.currentViewData[i][idMapping]) {
+                        inx = i;
+                        break;
+                    }
+                }
+            }
+            else {
+                inx = datas.indexOf(rowDetails.record);
+            }
             if (_this.parent.enableVirtualization && (rowDetails.action === 'collapse' || rowDetails.action === 'remoteExpand')) {
                 datas = [];
                 for (var i = 0; i < inx; i++) {
@@ -3549,7 +3565,7 @@ function updateParentRow(key, record, action, control, isSelfReference, child) {
         }
         var movableRow = void 0;
         if (control.frozenRows || control.getFrozenColumns()) {
-            movableRow = control.getMovableRowByIndex(index_1);
+            movableRow = control.getRowByIndex(index_1);
         }
         if (!control.enableVirtualization && !isNullOrUndefined(row) || !isNullOrUndefined(movableRow)) {
             var index_2 = control.treeColumnIndex;
@@ -3725,6 +3741,112 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
     TreeGrid.prototype.pdfExport = function (pdfExportProperties, isMultipleExport, pdfDoc, isBlob) {
         return this.pdfExportModule.Map(pdfExportProperties, isMultipleExport, pdfDoc, isBlob);
     };
+    /**
+     * Sends a post request to export tree grid to excel file in server side.
+     *
+     * @param  {string} url - Pass URL for server side excel export action.
+     * @returns {void}
+     */
+    TreeGrid.prototype.serverExcelExport = function (url) {
+        this.isExcel = true;
+        this.exportTreeGrid(url);
+    };
+    /**
+     * Sends a post request to export tree grid to pdf file in server side.
+     *
+     * @param  {string} url - Pass URL for server-side pdf export action.
+     * @returns {void}
+     */
+    TreeGrid.prototype.serverPdfExport = function (url) {
+        this.isExcel = false;
+        this.exportTreeGrid(url);
+    };
+    /**
+     * Sends a Post request to export Tree Grid to CSV file in server side.
+     *
+     * @param  {string} url - Pass URL for server-side csv export action.
+     * @returns {void}
+     */
+    TreeGrid.prototype.serverCsvExport = function (url) {
+        this.isExcel = true;
+        this.exportTreeGrid(url);
+    };
+    /**
+     * Exports the TreeGrid data to the specified URL using a POST request.
+     * @param {string} url - Defines exporting url
+     * @returns {void}
+     */
+    TreeGrid.prototype.exportTreeGrid = function (url) {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
+        var treegrid = this;
+        var query = treegrid.grid.getDataModule().generateQuery(true);
+        var state = new UrlAdaptor().processQuery(new DataManager({ url: '' }), query);
+        var queries = JSON.parse(state.data);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        var treeGridModel = JSON.parse(this.addOnPersist(['allowPaging', 'pageSettings', 'sortSettings', 'allowPdfExport', 'allowExcelExport', 'aggregates',
+            'filterSettings', 'columns', 'locale', 'searchSettings', 'idMapping', 'parentIdMapping', 'childMapping', 'treeColumnIndex']));
+        var include = ['field', 'headerText', 'type', 'format', 'visible',
+            'template', 'index', 'width', 'textAlign', 'headerTextAlign', 'columns'];
+        treeGridModel.filterSettings.columns = queries.where;
+        treeGridModel.searchSettings.fields = queries.search && queries.search[0]['fields'] || [];
+        treeGridModel.sortSettings.columns = queries.sorted;
+        treeGridModel.columns = this.setHeaderText(treeGridModel.columns, include);
+        var form = this.createElement('form', { id: 'ExportForm', styles: 'display:none;' });
+        var treeGridInput = this.createElement('input', { id: 'treeGridInput', attrs: { name: 'treeGridModel' } });
+        treeGridInput.value = JSON.stringify(treeGridModel);
+        form.method = 'POST';
+        form.action = url;
+        form.appendChild(treeGridInput);
+        document.body.appendChild(form);
+        form.submit();
+        form.remove();
+    };
+    /**
+     * Sets the header text and other properties for an array of columns based on specified criteria.
+     * @param {Column[]} columns - Defines array of columns
+     * @param {string[]} include - Defines array of sting
+     * @returns {Column[]} returns array of columns
+     */
+    TreeGrid.prototype.setHeaderText = function (columns, include) {
+        for (var i = 0; i < columns.length; i++) {
+            var column = this.getColumnByUid(columns[parseInt(i.toString(), 10)].uid);
+            if (this.stackedHeader && isNullOrUndefined(column)) {
+                column = !isNullOrUndefined(columns[parseInt(i.toString(), 10)].field) ?
+                    this.getColumnByField(columns[parseInt(i.toString(), 10)].field) : columns[parseInt(i.toString(), 10)];
+            }
+            columns[parseInt(i.toString(), 10)].headerText = column.headerText;
+            if (!isNullOrUndefined(column.template)) {
+                columns[parseInt(i.toString(), 10)].template = 'true';
+            }
+            if (columns[parseInt(i.toString(), 10)].format) {
+                columns[parseInt(i.toString(), 10)].format = getNumberFormat(this.getFormat(column.format), column.type, false, this.currencyCode);
+                if (!this.isExcel && (column.type === 'datetime' || column.type === 'date')) {
+                    columns[parseInt(i.toString(), 10)].format = columns[parseInt(i.toString(), 10)].format.toString().replace('AM/PM', 'tt');
+                }
+                columns[parseInt(i.toString(), 10)].type = column.type;
+            }
+            if (columns[parseInt(i.toString(), 10)].columns) {
+                this.setHeaderText(columns[parseInt(i.toString(), 10)].columns, include);
+            }
+            var keys = Object.keys(columns[parseInt(i.toString(), 10)]);
+            for (var j = 0; j < keys.length; j++) {
+                if (include.indexOf(keys[parseInt(j.toString(), 10)]) < 0) {
+                    delete columns[parseInt(i.toString(), 10)][keys[parseInt(j.toString(), 10)]];
+                }
+            }
+        }
+        return columns;
+    };
+    /**
+     * Retrieves the appropriate format string from the given format options.
+     *
+     * @param {string | NumberFormatOptions | DateFormatOptions} format - The format options to retrieve the format string from.
+     * @returns {string} The format string extracted from the provided format options.
+     */
+    TreeGrid.prototype.getFormat = function (format) {
+        return typeof (format) === 'object' ? !isNullOrUndefined(format.format) ?
+            format.format : format.skeleton : format;
+    };
     /**
      * For internal use only - Get the module name.
      *
@@ -4000,7 +4122,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
     TreeGrid.prototype.requiredModules = function () {
         var modules = [];
         var splitFrozenCount = 'splitFrozenCount';
-        this.grid["" + splitFrozenCount](this.getGridColumns(this.columns));
+        this.grid["" + splitFrozenCount](this.getColumns());
         if (this.isDestroyed) {
             return modules;
         }
@@ -4360,9 +4482,11 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
     TreeGrid.prototype.IsExpandCollapseClicked = function (args) {
         if (!isNullOrUndefined(args.target) && (args.target.classList.contains('e-treegridexpand')
             || args.target.classList.contains('e-treegridcollapse') || args.target.classList.contains('e-summarycell'))
-            && (!isNullOrUndefined(args.data) && args.data['hasChildRecords']) && !this.selectionSettings.checkboxOnly) {
-            args.cancel = true;
-            return;
+            && !this.selectionSettings.checkboxOnly) {
+            if ((!isNullOrUndefined(args.data) && args.data['hasChildRecords']) || (args.rowIndex !== -1 && isNullOrUndefined(args.data))) {
+                args.cancel = true;
+                return;
+            }
         }
     };
     TreeGrid.prototype.bindGridEvents = function () {
@@ -4480,9 +4604,13 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             _this.updateAltRow(_this.getRows());
             _this.notify('dataBoundArg', args);
             if (isRemoteData(_this) && !isOffline(_this) && !_this.hasChildMapping) {
-                var req = getObject('dataSource.requests', _this).filter(function (e) {
-                    return e.httpRequest.statusText !== 'OK';
-                }).length;
+                var req = void 0;
+                if (_this.dataResults.result) {
+                    req = 0;
+                }
+                else {
+                    req = 1;
+                }
                 setValue('grid.contentModule.isLoaded', !(req > 0), _this);
             }
             if (_this.isPixelHeight() && _this.initialRender) {
@@ -5447,6 +5575,18 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         }
         this.isEditCollapse = false;
         this.notify('checkboxSelection', { target: target });
+        if (this.grid.isCheckBoxSelection && !this.grid.isPersistSelection) {
+            if (this.aggregates.map(function (ag) { return ag.showChildSummary === true; }).length) {
+                var checkedTarget = this.grid.getHeaderContent().querySelector('.e-checkselectall');
+                var checkedLen = this.grid.getSelectedRowIndexes().length;
+                var totalRecords = this.getCurrentViewRecords().length;
+                if (checkedLen === totalRecords) {
+                    var spanEle = checkedTarget.nextElementSibling;
+                    removeClass([spanEle], ['e-stop', 'e-uncheck']);
+                    addClass([spanEle], ['e-check']);
+                }
+            }
+        }
     };
     /**
      * Returns TreeGrid rows
@@ -6243,7 +6383,6 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         var children = 'Children';
         if (!(isRemoteData(this) && !isOffline(this)) && (!isCountRequired(this) || !isNullOrUndefined(record["" + children]))) {
             var expandArgs = { data: record, row: row };
-            this.setHeightForFrozenContent();
             if (!isNullOrUndefined(this.expandStateMapping)) {
                 this.updateExpandStateMapping(expandArgs.data, true);
             }
@@ -6270,12 +6409,6 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             this.expandCollapse(action, null, records[parseInt(i.toString(), 10)]);
         }
     };
-    TreeGrid.prototype.setHeightForFrozenContent = function () {
-        var freeze = (this.grid.getFrozenLeftColumnsCount() > 0 || this.grid.getFrozenRightColumnsCount() > 0) ? true : false;
-        if (this.grid.getFrozenColumns() > 0 || freeze) {
-            this.grid.contentModule.refreshScrollOffset();
-        }
-    };
     TreeGrid.prototype.getCollapseExpandRecords = function (row, record) {
         if (this.allowPaging && this.pageSettings.pageSizeMode === 'All' && this.isExpandAll && isNullOrUndefined(record) &&
             !isRemoteData(this)) {
@@ -6352,7 +6485,6 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         this.expandCollapse('collapse', row, record);
         var collapseArgs = { data: record, row: row };
         if (!isRemoteData(this)) {
-            this.setHeightForFrozenContent();
             if (!isNullOrUndefined(this.expandStateMapping)) {
                 this.updateExpandStateMapping(collapseArgs.data, false);
             }
@@ -6807,7 +6939,6 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             _this.isExpandRefresh = true;
             var scrollHeightBeforeRefresh = _this.getContentTable().parentElement.scrollTop;
             _this.grid.refresh();
-            _this.setHeightForFrozenContent();
             if (_this.enableInfiniteScrolling) {
                 _this.getContentTable().parentElement.scrollTop = scrollHeightBeforeRefresh;
             }
@@ -6830,7 +6961,6 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             this.notify(remoteExpand, { record: record, rows: rows, parentRow: row });
             var args_1 = { row: row, data: record };
             if (rows.length > 0) {
-                this.setHeightForFrozenContent();
                 this.trigger(expanded, args_1);
             }
         }
@@ -6839,7 +6969,6 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         }
         else {
             this.collapseRemoteChild({ record: record, rows: rows });
-            this.setHeightForFrozenContent();
             this.trigger(collapsed, args);
         }
     };
@@ -6874,12 +7003,12 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         }
         var freeze = (this.grid.getFrozenLeftColumnsCount() > 0 || this.grid.getFrozenRightColumnsCount() > 0) ? true : false;
         if (this.frozenRows || this.frozenColumns || this.getFrozenColumns() || freeze) {
-            movableRows = this.getMovableRows().filter(function (r) {
+            movableRows = this.getRows().filter(function (r) {
                 return r.querySelector('.e-gridrowindex' + record.index + 'level' + (record.level + 1));
             });
         }
         if (freeze) {
-            freezeRightRows = this.getFrozenRightRows().filter(function (r) {
+            freezeRightRows = this.getRows().filter(function (r) {
                 return r.querySelector('.e-gridrowindex' + record.index + 'level' + (record.level + 1));
             });
         }
@@ -6979,10 +7108,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         var rightrows = [];
         var freeze = (this.getFrozenLeftColumnsCount() > 0 || this.getFrozenRightColumnsCount() > 0) ? true : false;
         if (freeze) {
-            movablerows = this.getMovableRows().filter(function (r) {
+            movablerows = this.getRows().filter(function (r) {
                 return r.querySelector('.e-gridrowindex' + rowDetails.record.index + 'level' + (rowDetails.record.level + 1));
             });
-            rightrows = this.getFrozenRightRows().filter(function (r) {
+            rightrows = this.getRows().filter(function (r) {
                 return r.querySelector('.e-gridrowindex' + rowDetails.record.index + 'level' + (rowDetails.record.level + 1));
             });
         }
@@ -7192,59 +7321,72 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @param  {number} rowIndex - Specifies the row index.
      * @param  {number} columnIndex - Specifies the column index.
      * @returns {Element} - Returns movable cell element from the indexes passed
+     *
+     * @deprecated This method is deprecated. Use getCellFromIndex method instead.
      */
     TreeGrid.prototype.getMovableCellFromIndex = function (rowIndex, columnIndex) {
-        return this.grid.getMovableCellFromIndex(rowIndex, columnIndex);
+        return this.grid.getCellFromIndex(rowIndex, columnIndex);
     };
     /**
      * Gets all the TreeGrid's movable table data rows.
      *
      * @returns {Element[]} - Returns element collection of movable rows
+     *
+     * @deprecated This method is deprecated. Use getDataRows method instead.
      */
     TreeGrid.prototype.getMovableDataRows = function () {
-        return this.grid.getMovableDataRows();
+        return this.grid.getDataRows();
     };
     /**
      * Gets a movable tables row by index.
      *
      * @param  {number} index - Specifies the row index.
      * @returns {Element} - Returns movable row based on index passed
+     *
+     * @deprecated This method is deprecated. Use getRowByIndex method instead.
      */
     TreeGrid.prototype.getMovableRowByIndex = function (index) {
-        return this.grid.getMovableRowByIndex(index);
+        return this.grid.getRowByIndex(index);
     };
     /**
      * Gets the TreeGrid's movable content rows from frozen treegrid.
      *
      * @returns {Element[]}: Returns movable row element
+     * @deprecated This method is deprecated. Use getRows method instead.
      */
     TreeGrid.prototype.getMovableRows = function () {
-        return this.grid.getMovableRows();
+        return this.grid.getRows();
     };
     /**
      * Gets a frozen right tables row element by index.
      *
      * @param  {number} index - Specifies the row index.
      * @returns {Element} returns the element
+     *
+     * @deprecated This method is deprecated. Use getRowByIndex method instead.
      */
     TreeGrid.prototype.getFrozenRightRowByIndex = function (index) {
-        return this.grid.getFrozenRightRowByIndex(index);
+        return this.grid.getRowByIndex(index);
     };
     /**
      * Gets the Tree Grid's frozen right content rows from frozen Tree Grid.
      *
      * @returns {Element[]} returns the element
+     *
+     * @deprecated This method is deprecated. Use getRows method instead.
      */
     TreeGrid.prototype.getFrozenRightRows = function () {
-        return this.grid.getFrozenRightRows();
+        return this.grid.getRows();
     };
     /**
      * Gets all the Tree Grid's frozen right table data rows.
      *
      * @returns {Element[]} Returns the Element
+     *
+     * @deprecated This method is deprecated. Use getDataRows method instead.
      */
     TreeGrid.prototype.getFrozenRightDataRows = function () {
-        return this.grid.getFrozenRightDataRows();
+        return this.grid.getDataRows();
     };
     /**
      * Gets a frozen right table cell by row and column index.
@@ -7252,36 +7394,44 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
      * @param  {number} rowIndex - Specifies the row index.
      * @param  {number} columnIndex - Specifies the column index.
      * @returns {Element} Returns the Element
+     *
+     * @deprecated This method is deprecated. Use getCellFromIndex method instead.
      */
     TreeGrid.prototype.getFrozenRightCellFromIndex = function (rowIndex, columnIndex) {
-        return this.grid.getFrozenRightCellFromIndex(rowIndex, columnIndex);
+        return this.grid.getCellFromIndex(rowIndex, columnIndex);
     };
     /**
      * Gets a frozen left column header by column index.
      *
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
+     *
+     * @deprecated This method is deprecated. Use getColumnHeaderByIndex method instead.
      */
     TreeGrid.prototype.getFrozenLeftColumnHeaderByIndex = function (index) {
-        return this.grid.getFrozenLeftColumnHeaderByIndex(index);
+        return this.grid.getColumnHeaderByIndex(index);
     };
     /**
      * Gets a frozen right column header by column index.
      *
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
+     *
+     * @deprecated This method is deprecated. Use getColumnHeaderByIndex method instead.
      */
     TreeGrid.prototype.getFrozenRightColumnHeaderByIndex = function (index) {
-        return this.grid.getFrozenRightColumnHeaderByIndex(index);
+        return this.grid.getColumnHeaderByIndex(index);
     };
     /**
      * Gets a movable column header by column index.
      *
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
+     *
+     * @deprecated This method is deprecated. Use getColumnHeaderByIndex method instead.
      */
     TreeGrid.prototype.getMovableColumnHeaderByIndex = function (index) {
-        return this.grid.getMovableColumnHeaderByIndex(index);
+        return this.grid.getColumnHeaderByIndex(index);
     };
     /**
      * @hidden
@@ -7515,6 +7665,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
     __decorate([
         Complex({}, RowDropSettings)
     ], TreeGrid.prototype, "rowDropSettings", void 0);
+    __decorate([
+        Property('USD')
+    ], TreeGrid.prototype, "currencyCode", void 0);
     __decorate([
         Property()
     ], TreeGrid.prototype, "pagerTemplate", void 0);
@@ -8653,6 +8806,9 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
         if (!tObj.rowDropSettings.targetID && this.canDrop) {
             tObj.rowDragAndDropModule.updateIcon(args.rows, rowIdx, args);
         }
+        if (isNullOrUndefined(tObj.rowDropSettings.targetID) && !this.canDrop) {
+            this.removetopOrBottomBorder();
+        }
         if (tObj.rowDropSettings.targetID) {
             var dropElement = parentsUntil(args.target, 'e-treegrid');
             if (dropElement && dropElement.id === this.parent.rowDropSettings.targetID) {
@@ -8676,7 +8832,6 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
                     this.dropPosition = 'Invalid';
                 }
                 setValue('dropPosition', this.dropPosition, args);
-                args.dropIndex = args.dropIndex === args.fromIndex ? this.getTargetIdx(args.target.parentElement) : args.dropIndex;
                 tObj.trigger(rowDrop, args);
                 if (!args.cancel) {
                     if (!isCountRequired(this.parent)) {
@@ -9454,8 +9609,8 @@ var TreeVirtualRowModelGenerator = /** @__PURE__ @class */ (function (_super) {
             var currentPage = this["" + model].currentPage;
             if (clear) {
                 this.cache = {};
-                this.movableCache = {};
-                this.frozenRightCache = {};
+                /*this.movableCache = {};
+                this.frozenRightCache = {};*/
                 this.data = {};
                 this.groups = {};
             }
@@ -9470,8 +9625,8 @@ var TreeVirtualRowModelGenerator = /** @__PURE__ @class */ (function (_super) {
                 this.cache = {};
                 this.data = {};
                 this.groups = {};
-                this.movableCache = {};
-                this.frozenRightCache = {};
+                /*this.movableCache = {};
+                this.frozenRightCache = {};*/
             }
         }
         return clear;
@@ -11069,21 +11224,7 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
     };
     BatchEdit.prototype.cellSaved = function (args) {
         var actualCellIndex = args.column.index;
-        var frozenCols = this.parent.frozenColumns || this.parent.getFrozenColumns();
-        if (frozenCols && args.columnObject.index > frozenCols) {
-            actualCellIndex = actualCellIndex + frozenCols;
-        }
-        var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
-            this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
-        if (freeze) {
-            var 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.column.index)
-                });
-            }
-        }
-        else if (actualCellIndex === this.parent.treeColumnIndex) {
+        if (actualCellIndex === this.parent.treeColumnIndex) {
             this.parent.renderModule.cellRender({ data: args.rowData, cell: args.cell,
                 column: this.parent.grid.getColumnByIndex(args.column.index)
             });
@@ -11287,7 +11428,7 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
             for (var i = firstChildIndex; i <= totalCount; i++) {
                 row.push(this.parent.grid.getDataRows()[parseInt(i.toString(), 10)]);
                 if (this.parent.frozenRows || this.parent.frozenColumns || this.parent.getFrozenColumns()) {
-                    row.push(this.parent.grid.getMovableRows()[parseInt(i.toString(), 10)]);
+                    row.push(this.parent.grid.getHeaderContent()[parseInt(i.toString(), 10)]);
                 }
             }
         }
@@ -11319,18 +11460,6 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
         for (var i = 0; i < rows.length; i++) {
             rows[parseInt(i.toString(), 10)].setAttribute('data-rowindex', i.toString());
         }
-        var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
-            this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
-        if (this.parent.frozenRows || this.parent.getFrozenColumns() || this.parent.frozenColumns || freeze) {
-            var mRows = this.parent.grid.getMovableDataRows();
-            var freezeRightRows = this.parent.grid.getFrozenRightDataRows();
-            for (var i = 0; i < mRows.length; i++) {
-                mRows[parseInt(i.toString(), 10)].setAttribute('data-rowindex', i.toString());
-                if (freeze) {
-                    freezeRightRows[parseInt(i.toString(), 10)].setAttribute('data-rowindex', i.toString());
-                }
-            }
-        }
     };
     BatchEdit.prototype.updateChildCount = function (records) {
         var primaryKey = this.parent.grid.getPrimaryKeyFieldNames()[0];
@@ -11789,8 +11918,8 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
                 currentData.splice(newRowObjectIndex, 0, newRecord);
                 this.updateInfiniteCurrentViewData(newRecord, this.addRowIndex);
             }
-            var movableRows = this.parent.grid.getMovableRows();
-            var movableRowsObject = this.parent.grid.getMovableRowsObject();
+            var movableRows = this.parent.grid.getRows();
+            var movableRowsObject = this.parent.grid.getRowsObject();
             var isCache = this.parent.infiniteScrollSettings.enableCache;
             if (!isCache) {
                 resetRowIndex(this.parent.grid, this.parent.grid.getRowsObject(), this.parent.grid.getRows(), 0);
@@ -11997,16 +12126,13 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
                     if (this.parent.getRows().indexOf(row_1) !== -1) {
                         rowIndex_1 = this.parent.getRows().indexOf(row_1);
                     }
-                    else if (this.parent.getFrozenRightRows().indexOf(row_1) !== -1) {
-                        rowIndex_1 = this.parent.getFrozenRightRows().indexOf(row_1);
-                    }
                     else {
-                        rowIndex_1 = this.parent.getMovableRows().indexOf(row_1);
+                        rowIndex_1 = this.parent.getRows().indexOf(row_1);
                     }
                 }
                 else {
                     rowIndex_1 = (this.parent.getRows().indexOf(row_1) === -1 && (this.parent.getFrozenColumns() > 0)) ?
-                        this.parent.grid.getMovableRows().indexOf(row_1) : this.parent.getRows().indexOf(row_1);
+                        this.parent.grid.getRows().indexOf(row_1) : this.parent.getRows().indexOf(row_1);
                 }
             }
             var arg = {};
@@ -12062,7 +12188,6 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
         }
     };
     Edit$$1.prototype.afterCellSave = function (args, row, rowIndex) {
-        var mRow;
         if (this.parent.grid.aggregateModule) {
             this.parent.grid.aggregateModule.refresh(args.rowData);
         }
@@ -12073,31 +12198,6 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
             this.isOnBatch = false;
         }
         this.enableToolbarItems('save');
-        var 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()[parseInt(rowIndex.toString(), 10)];
-            }
-            else if (args.cell.closest('.e-movableheader') || args.cell.closest('.e-movablecontent')) {
-                mRow = this.parent.grid.getMovableRows()[parseInt(rowIndex.toString(), 10)];
-            }
-            else {
-                mRow = this.parent.grid.getFrozenRightRows()[parseInt(rowIndex.toString(), 10)];
-            }
-            removeClass([mRow], ['e-editedrow', 'e-batchrow']);
-            removeClass(mRow.querySelectorAll('.e-rowcell'), ['e-editedbatchcell', 'e-updatedtd']);
-        }
-        else if (this.parent.getFrozenColumns() > 0) {
-            if (args.cell.closest('.e-frozenheader') || args.cell.closest('.e-frozencontent')) {
-                mRow = this.parent.grid.getRows()[parseInt(rowIndex.toString(), 10)];
-            }
-            else {
-                mRow = this.parent.grid.getMovableRows()[parseInt(rowIndex.toString(), 10)];
-            }
-            removeClass([mRow], ['e-editedrow', 'e-batchrow']);
-            removeClass(mRow.querySelectorAll('.e-rowcell'), ['e-editedbatchcell', 'e-updatedtd']);
-        }
         removeClass([row], ['e-editedrow', 'e-batchrow']);
         removeClass(row.querySelectorAll('.e-rowcell'), ['e-editedbatchcell', 'e-updatedtd']);
         if (this.parent['isCellSaveFocus'] !== false) {
@@ -12283,23 +12383,6 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
                     this.parent.grid.contentModule["" + r].splice(0, 1);
                     this.parent.grid.contentModule["" + r].splice(rowObjectIndex, 0, newRowObject);
                 }
-                var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
-                    this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
-                if (this.parent.frozenRows || this.parent.getFrozenColumns() || this.parent.frozenColumns || freeze) {
-                    var movableRows = this.parent.getMovableDataRows();
-                    var frows = 'freezeRows';
-                    var newFreezeRowObject = this.parent.grid.getRowsObject()[0];
-                    movableRows[index + 1]["" + position](movableRows[0]);
-                    if (freeze) {
-                        var rightFrozenRows = this.parent.getFrozenRightDataRows();
-                        rightFrozenRows[index + 1]["" + position](rightFrozenRows[0]);
-                    }
-                    if (this.parent.editSettings.mode === 'Batch') {
-                        this.parent.grid.contentModule["" + frows].splice(0, 1);
-                        this.parent.grid.contentModule["" + frows].splice(rowObjectIndex, 0, newFreezeRowObject);
-                    }
-                    setValue('batchIndex', index + 1, this.batchEditModule);
-                }
                 if (this.parent.editSettings.mode === 'Row' || this.parent.editSettings.mode === 'Cell') {
                     var errors = this.parent.grid.getContentTable().querySelectorAll('.e-griderror');
                     for (var i = 0; i < errors.length; i++) {
@@ -12672,8 +12755,8 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
                 || (this.parent.editSettings.mode === 'Batch' && e.args.requestType.toString() === 'batchsave'))) {
             this.updateIndex(this.parent.grid.dataSource, this.parent.getRows(), this.parent.getCurrentViewRecords());
             if (this.parent.frozenRows || this.parent.getFrozenColumns() || this.parent.frozenColumns) {
-                if (this.parent.grid.dataSource.length === this.parent.getMovableDataRows().length) {
-                    this.updateIndex(this.parent.grid.dataSource, this.parent.getMovableDataRows(), this.parent.getCurrentViewRecords());
+                if (this.parent.grid.dataSource.length === this.parent.getDataRows().length) {
+                    this.updateIndex(this.parent.grid.dataSource, this.parent.getDataRows(), this.parent.getCurrentViewRecords());
                 }
             }
         }
@@ -12878,18 +12961,19 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
         return new TreeVirtualRowModelGenerator(this.parent);
     };
     VirtualTreeContentRenderer.prototype.getRowByIndex = function (index) {
-        return this.parent.getDataRows().filter(function (e) { return parseInt(e.getAttribute('data-rowindex'), 10) === index; })[0];
-    };
-    VirtualTreeContentRenderer.prototype.getMovableVirtualRowByIndex = function (index) {
-        return this.getRowCollection(index, true);
+        if (this.parent.enableVirtualization && this.parent.isFrozenGrid()) {
+            return this.getRowCollection(index, true);
+        }
+        else {
+            return this.parent.getDataRows().filter(function (e) { return parseInt(e.getAttribute('data-rowindex'), 10) === index; })[0];
+        }
     };
     VirtualTreeContentRenderer.prototype.getFrozenRightVirtualRowByIndex = function (index) {
         return this.getRowCollection(index, false, false, true);
     };
     VirtualTreeContentRenderer.prototype.getRowCollection = function (index, isMovable, isRowObject, isFrozenRight) {
         var startIdx = parseInt(this.parent.getRows()[0].getAttribute(dataRowIndex), 10);
-        var rowCollection = isMovable ? this.parent.getMovableDataRows() : this.parent.getDataRows();
-        rowCollection = isFrozenRight ? this.parent.getFrozenRightDataRows() : rowCollection;
+        var rowCollection = this.parent.getDataRows();
         var collection = isRowObject ? this.parent.getCurrentViewRecords() : rowCollection;
         var selectedRow = collection[index - startIdx];
         if (this.parent.frozenRows && this.parent.pageSettings.currentPage > 1) {
@@ -12942,8 +13026,8 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
             this.endIndex = this.parent.pageSettings.pageSize - 1;
         }
         if ((this.endIndex - this.startIndex !== this.parent.pageSettings.pageSize) &&
-            (this.totalRecords > this.parent.pageSettings.pageSize) &&
-            (this.endIndex === this.totalRecords)) {
+            (this.totalRecords > this.parent.pageSettings.pageSize)
+            && (this.endIndex === this.totalRecords)) {
             args.startIndex = this.endIndex - this.parent.pageSettings.pageSize;
             args.endIndex = this.endIndex;
         }
@@ -13341,29 +13425,16 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
         }
     };
     VirtualTreeContentRenderer.prototype.appendContent = function (target, newChild, e) {
-        var isFrozen = this.parent.isFrozenGrid();
         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()) {
             if (getValue('isExpandCollapse', e)) {
                 this.isRemoteExpand = true;
             }
-            if (isFrozen && ((isNullOrUndefined(this.requestType) && getValue('requestTypes', this).indexOf('isFrozen') === -1) ||
-                (this.parent.enableVirtualMaskRow && this.requestType === 'virtualscroll'))) {
-                getValue('requestTypes', this).push('isFrozen');
-                this.requestType = 'isFrozen';
-            }
             _super.prototype.appendContent.call(this, target, newChild, e);
             if (getValue('requestTypes', this).indexOf('isFrozen') !== -1) {
                 getValue('requestTypes', this).splice(getValue('requestTypes', this).indexOf('isFrozen'), 1);
                 this.requestType = this.requestType === 'isFrozen' ? undefined : this.requestType;
             }
-            if (isFrozen && (!this.isExpandCollapse || this.translateY === 0)) {
-                this.translateY = this.translateY < 0 ? 0 : this.translateY;
-                getValue('virtualEle', this).adjustTable(0, this.translateY);
-            }
-            else {
-                this.isExpandCollapse = false;
-            }
         }
         else {
             var info = e.virtualInfo.sentinelInfo && e.virtualInfo.sentinelInfo.axis === 'Y' &&
@@ -13633,6 +13704,7 @@ var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
         this.parent.grid.notify(indexModifier, counts);
         var startIndex = counts.startIndex;
         var endIndex = counts.endIndex;
+        pageingDetails.count = visualData.length;
         if (startIndex === -1 && endIndex === -1) {
             var query = new Query();
             var size = this.parent.grid.pageSettings.pageSize;
@@ -13651,7 +13723,7 @@ var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
                 this.parent.grid.getContent().firstElementChild.scrollTop = 0;
                 this.parent.grid.notify(virtualActionArgs, { setTop: true });
             }
-            if ((requestType === 'save' && (pageingDetails.actionArgs.index >= (counts.count - this.parent.grid.pageSettings.pageSize)) || (requestType === 'refresh' && this.parent['isGantt'] && this.parent['isAddedFromGantt']) && (counts.count === this.prevendIndex + 1))) {
+            if ((requestType === 'save' && pageingDetails.actionArgs.index >= (counts.count - this.parent.grid.pageSettings.pageSize)) || (requestType === 'refresh' && this.parent['isGantt'] && this.parent['isAddedFromGantt'])) {
                 startIndex = counts.startIndex + (counts.count - counts.endIndex);
                 endIndex = counts.count;
                 this.parent['isAddedFromGantt'] = false;
@@ -13724,15 +13796,12 @@ var TreeVirtual = /** @__PURE__ @class */ (function (_super) {
         var parentGrid = getValue('parent', this);
         getValue('parent', this).log(['limitation', 'virtual_height'], 'virtualization');
         var renderer = getValue('locator', this).getService('rendererFactory');
-        if (!parentGrid.isFrozenGrid()) {
-            if (parentGrid.enableColumnVirtualization) {
-                getValue('addRenderer', renderer)
-                    .apply(renderer, [RenderType.Header, new VirtualHeaderRenderer(getValue('parent', this), getValue('locator', this))]);
-            }
+        if (parentGrid.enableColumnVirtualization) {
             getValue('addRenderer', renderer)
-                .apply(renderer, [RenderType.Content, new VirtualTreeContentRenderer(getValue('parent', this), getValue('locator', this))]);
+                .apply(renderer, [RenderType.Header, new VirtualHeaderRenderer(getValue('parent', this), getValue('locator', this))]);
         }
-        //renderer.addRenderer(RenderType.Content, new VirtualTreeContentRenderer(getValue('parent', this), getValue('locator', this)));
+        getValue('addRenderer', renderer)
+            .apply(renderer, [RenderType.Content, new VirtualTreeContentRenderer(getValue('parent', this), getValue('locator', this))]);
         this.ensurePageSize();
     };
     TreeVirtual.prototype.ensurePageSize = function () {
@@ -13751,162 +13820,6 @@ var TreeVirtual = /** @__PURE__ @class */ (function (_super) {
     return TreeVirtual;
 }(VirtualScroll));
 
-var __extends$18 = (undefined && undefined.__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 __());
-    };
-})();
-/**
- * VirtualTreeFreezeRenderer is used to render the virtual table within the frozen and movable content table
- *
- * @hidden
- */
-var VirtualTreeFreezeRenderer = /** @__PURE__ @class */ (function (_super) {
-    __extends$18(VirtualTreeFreezeRenderer, _super);
-    function VirtualTreeFreezeRenderer(parent, locator) {
-        var _this = _super.call(this, parent, locator) || this;
-        _this.addEventListener();
-        return _this;
-    }
-    /**
-     * @returns {void}
-     * @hidden
-     */
-    VirtualTreeFreezeRenderer.prototype.renderTable = function () {
-        this.freezeRowGenerator = new FreezeRowModelGenerator(this.parent);
-        this.virtualRenderer = new VirtualTreeContentRenderer(this.parent, this.serviceLoc);
-        this.virtualRenderer.header = this.serviceLoc.getService('rendererFactory')
-            .getRenderer(RenderType.Header).virtualHdrRenderer;
-        FreezeContentRender.prototype.renderTable.call(this);
-        this.virtualRenderer.setPanel(this.parent.getContent());
-        this.scrollbar = this.parent.getContent().querySelector('.e-movablescrollbar');
-        var movableCont = this.getMovableContent();
-        var minHeight = this.parent.height;
-        this.virtualRenderer.virtualEle.content = this.virtualRenderer.content = this.getPanel().querySelector('.' + content);
-        this.virtualRenderer.virtualEle.content.style.overflowX = 'hidden';
-        this.virtualRenderer.virtualEle.renderFrozenWrapper(minHeight);
-        this.virtualRenderer.virtualEle.renderFrozenPlaceHolder();
-        if (this.parent.enableColumnVirtualization) {
-            this.virtualRenderer.virtualEle.movableContent = this.virtualRenderer.movableContent
-                = this.getPanel().querySelector('.' + movableContent);
-            this.virtualRenderer.virtualEle.renderMovableWrapper(minHeight);
-            this.virtualRenderer.virtualEle.renderMovablePlaceHolder();
-            var tbl = movableCont.querySelector('table');
-            this.virtualRenderer.virtualEle.movableTable = tbl;
-            this.virtualRenderer.virtualEle.movableWrapper.appendChild(tbl);
-            movableCont.appendChild(this.virtualRenderer.virtualEle.movableWrapper);
-            movableCont.appendChild(this.virtualRenderer.virtualEle.movablePlaceholder);
-        }
-        this.virtualRenderer.virtualEle.wrapper.appendChild(this.getFrozenContent());
-        this.virtualRenderer.virtualEle.wrapper.appendChild(movableCont);
-        this.virtualRenderer.virtualEle.table = this.getTable();
-        setDebounce(this.parent, this.virtualRenderer, this.scrollbar, this.getMovableContent());
-    };
-    /**
-     * @param {HTMLElement} target - specifies the target
-     * @param {DocumentFragment} newChild - specifies the newChild
-     * @param {NotifyArgs} e - specifies the notifyargs
-     * @returns {void}
-     * @hidden
-     */
-    VirtualTreeFreezeRenderer.prototype.appendContent = function (target, newChild, e) {
-        getValue('observer', this.virtualRenderer).options.debounceEvent = false;
-        this.virtualRenderer['observers'] = new TreeInterSectionObserver(getValue('observer', this.virtualRenderer).element, getValue('observer', this.virtualRenderer).options, getValue('observer', this.virtualRenderer).movableEle);
-        this.virtualRenderer['contents'] = this.getPanel().firstChild;
-        _super.prototype.appendContent.call(this, target, newChild, e);
-    };
-    /**
-     * @param {Object[]} data - specifies the data
-     * @param {NotifyArgs} e - specifies the notifyargs
-     * @returns {Row<Column>[]} returns the row
-     * @hidden
-     */
-    VirtualTreeFreezeRenderer.prototype.generateRows = function (data, e) {
-        return _super.prototype.generateRows.call(this, data, e);
-    };
-    return VirtualTreeFreezeRenderer;
-}(VirtualFreezeRenderer));
-/**
- * ColumnVirtualTreeFreezeRenderer is used to render the virtual table within the frozen and movable content table
- *
- * @hidden
- */
-var ColumnVirtualTreeFreezeRenderer = /** @__PURE__ @class */ (function (_super) {
-    __extends$18(ColumnVirtualTreeFreezeRenderer, _super);
-    function ColumnVirtualTreeFreezeRenderer(parent, locator) {
-        var _this = _super.call(this, parent, locator) || this;
-        _this.serviceLoc = locator;
-        _this.eventListener('on');
-        return _this;
-    }
-    /**
-     * @returns {void}
-     * @hidden
-     */
-    ColumnVirtualTreeFreezeRenderer.prototype.renderTable = function () {
-        this.virtualRenderer = new VirtualTreeContentRenderer(this.parent, this.serviceLoc);
-        this.virtualRenderer.header = this.serviceLoc.getService('rendererFactory')
-            .getRenderer(RenderType.Header).virtualHdrRenderer;
-        this.freezeRowGenerator = new FreezeRowModelGenerator(this.parent);
-        ColumnFreezeContentRenderer.prototype.renderTable.call(this);
-        this.virtualRenderer.setPanel(this.parent.getContent());
-        this.scrollbar = this.parent.getContent().querySelector('.e-movablescrollbar');
-        var frozenRightCont = this.getFrozenRightContent();
-        var frzCont = this.getFrozenContent();
-        var movableCont = this.getMovableContent();
-        if (this.parent.getFrozenMode() === 'Right') {
-            frzCont = frozenRightCont;
-        }
-        this.virtualRenderer.virtualEle.content = this.virtualRenderer.content = this.getPanel().querySelector('.' + content);
-        this.virtualRenderer.virtualEle.content.style.overflowX = 'hidden';
-        var minHeight = this.parent.height;
-        this.virtualRenderer.virtualEle.renderFrozenWrapper(minHeight);
-        this.virtualRenderer.virtualEle.renderFrozenPlaceHolder();
-        _super.prototype['renderVirtualFrozenLeft'].call(this, frzCont, movableCont);
-        _super.prototype['renderVirtualFrozenRight'].call(this, frzCont, movableCont);
-        _super.prototype['renderVirtualFrozenLeftRight'].call(this, frzCont, movableCont, frozenRightCont);
-        this.virtualRenderer.virtualEle.table = this.getTable();
-        setDebounce(this.parent, this.virtualRenderer, this.scrollbar, this.getMovableContent());
-    };
-    ColumnVirtualTreeFreezeRenderer.prototype.appendContent = function (target, newChild, e) {
-        getValue('observer', this.virtualRenderer).options.debounceEvent = false;
-        this.virtualRenderer['observers'] = new TreeInterSectionObserver(getValue('observer', this.virtualRenderer).element, getValue('observer', this.virtualRenderer).options, getValue('observer', this.virtualRenderer).movableEle);
-        this.virtualRenderer['contents'] = this.getPanel().firstChild;
-        _super.prototype.appendContent.call(this, target, newChild, e);
-    };
-    return ColumnVirtualTreeFreezeRenderer;
-}(ColumnVirtualFreezeRenderer));
-/**
- * VirtualTreeFreezeHdrRenderer is used to render the virtual table within the frozen and movable header table
- *
- * @hidden
- */
-var VirtualTreeFreezeHdrRenderer = /** @__PURE__ @class */ (function (_super) {
-    __extends$18(VirtualTreeFreezeHdrRenderer, _super);
-    function VirtualTreeFreezeHdrRenderer() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @returns {void}
-     * @hidden
-     */
-    VirtualTreeFreezeHdrRenderer.prototype.renderTable = function () {
-        _super.prototype.renderTable.call(this);
-    };
-    VirtualTreeFreezeHdrRenderer.prototype.rfshMovable = function () {
-        _super.prototype.rfshMovable.call(this);
-    };
-    return VirtualTreeFreezeHdrRenderer;
-}(VirtualFreezeHdrRenderer));
-
 /**
  * TreeGrid Freeze module
  *
@@ -13927,7 +13840,6 @@ var Freeze$1 = /** @__PURE__ @class */ (function () {
         this.parent.on('rowExpandCollapse', this.rowExpandCollapse, this);
         this.parent.on('dataBoundArg', this.dataBoundArg, this);
         this.parent.grid.on('dblclick', this.dblClickHandler, this);
-        this.parent.grid.on('initial-load', this.instantiateRenderer, this);
     };
     Freeze$$1.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -13936,46 +13848,16 @@ var Freeze$1 = /** @__PURE__ @class */ (function () {
         this.parent.off('rowExpandCollapse', this.rowExpandCollapse);
         this.parent.off('dataBoundArg', this.dataBoundArg);
         this.parent.grid.off('dblclick', this.dblClickHandler);
-        this.parent.grid.off('initial-load', this.instantiateRenderer);
-    };
-    Freeze$$1.prototype.instantiateRenderer = function () {
-        var renderer = getValue('serviceLocator', this.parent.grid).getService('rendererFactory');
-        if (this.parent.getFrozenColumns()) {
-            if (this.parent.enableColumnVirtualization) {
-                getValue('addRenderer', renderer)
-                    .apply(renderer, [RenderType.Header, new VirtualTreeFreezeHdrRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
-            }
-            else {
-                getValue('addRenderer', renderer)
-                    .apply(renderer, [RenderType.Header, new FreezeRender(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
-            }
-            if (this.parent.enableVirtualization) {
-                getValue('addRenderer', renderer)
-                    .apply(renderer, [RenderType.Content, new VirtualTreeFreezeRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
-            }
-        }
-        if (this.parent.getFrozenLeftColumnsCount() || this.parent.getFrozenRightColumnsCount()) {
-            getValue('addRenderer', renderer)
-                .apply(renderer, [RenderType.Header, new ColumnFreezeHeaderRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
-            if (this.parent.enableVirtualization) {
-                getValue('addRenderer', renderer)
-                    .apply(renderer, [RenderType.Content, new ColumnVirtualTreeFreezeRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
-            }
-            else {
-                getValue('addRenderer', renderer)
-                    .apply(renderer, [RenderType.Content, new ColumnFreezeContentRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
-            }
-        }
     };
     Freeze$$1.prototype.rowExpandCollapse = function (args) {
-        var movableRows = this.parent.getMovableDataRows();
+        var movableRows = this.parent.getDataRows();
         var frozenrows = this.parent.getRows();
         var rows;
         var frozenRightRows;
         var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
             this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
         if (freeze) {
-            frozenRightRows = this.parent.getFrozenRightRows().filter(function (e) {
+            frozenRightRows = this.parent.getRows().filter(function (e) {
                 return e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1));
             });
         }
@@ -14186,7 +14068,7 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
             var updateIndex = 'updateIndex';
             this.parent.editModule["" + updateIndex](this.parent.grid.dataSource, this.parent.getRows(), this.parent.getCurrentViewRecords());
             if (this.parent.getFrozenColumns()) {
-                this.parent.editModule["" + updateIndex](this.parent.grid.dataSource, this.parent.getMovableDataRows(), this.parent.getCurrentViewRecords());
+                this.parent.editModule["" + updateIndex](this.parent.grid.dataSource, this.parent.getDataRows(), this.parent.getCurrentViewRecords());
             }
         }
     };
@@ -14307,8 +14189,8 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
             var keyField = this.parent.grid.getPrimaryKeyFieldNames()[0];
             this.removeRows(rowElms, rows, data, keyField, true);
             if (this.parent.getFrozenColumns() > 0) {
-                var mRows = this.parent.grid.getMovableRowsObject();
-                var mRowElms = this.parent.grid.getMovableRows();
+                var mRows = this.parent.grid.getRowsObject();
+                var mRowElms = this.parent.grid.getRows();
                 this.removeRows(mRowElms, mRows, data, keyField);
             }
         }
@@ -14354,23 +14236,23 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
         var rowRenderer = new RowRenderer(serviceLocator, null, this.parent.grid);
         var tbody;
         var currentData = this.parent.getCurrentViewRecords();
-        var currentRows = eventArgs.isMovable ? this.parent.grid.getMovableRows()
+        var currentRows = eventArgs.isMovable ? this.parent.grid.getRows()
             : this.parent.grid.getDataRows();
         if (eventArgs.isFrozenRight) {
             tbody = this.parent.element.querySelector('.e-frozen-right-content').querySelector('tbody');
         }
         else {
             tbody = !this.parent.grid.isFrozenGrid() ? this.parent.getContent().querySelector('tbody') : eventArgs.isMovable
-                ? this.parent.grid.getMovableVirtualContent().querySelector('tbody')
-                : this.parent.grid.getFrozenVirtualContent().querySelector('tbody');
+                ? this.parent.grid.getContent().querySelector('tbody')
+                : this.parent.grid.getContent().querySelector('tbody');
         }
         if (this.parent.frozenRows) {
             tbody = eventArgs.isFrozenRows && this.parent.grid.infiniteScrollModule.requestType !== 'add'
                 || !eventArgs.isFrozenRows && this.parent.grid.infiniteScrollModule.requestType === 'add'
                 ? !this.parent.grid.isFrozenGrid() ? this.parent.getHeaderContent().querySelector('tbody')
-                    : eventArgs.isMovable ? this.parent.grid.getMovableVirtualHeader().querySelector('tbody')
+                    : eventArgs.isMovable ? this.parent.grid.getHeaderContent().querySelector('tbody')
                         : eventArgs.isFrozenRight ? this.parent.element.querySelector('.e-frozen-right-header').querySelector('tbody')
-                            : this.parent.grid.getFrozenVirtualHeader().querySelector('tbody') : tbody;
+                            : this.parent.grid.getHeaderContent().querySelector('tbody') : tbody;
         }
         var position;
         var addRowIndex = 'addRowIndex';