@syncfusion/ej2-treegrid 27.1.51 → 27.1.55

package/dist/global/index.d.ts

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

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-treegrid@*",
-  "_id": "@syncfusion/ej2-treegrid@27.1.50",
+  "_id": "@syncfusion/ej2-treegrid@27.1.53",
   "_inBundle": false,
-  "_integrity": "sha512-2MDstE2U8bW9mLrdHYJeWrrE7Xenu5+Kqyhe/Dawra6/V1Mmd9pAGvVOAY7Ni0UxxSkAttRW0CMK8kj8ud1FYw==",
+  "_integrity": "sha512-ZE7zkEJJzTtqo8PG+si7u/Jkua1dXGc7yhheoOAtv8E/icIGnQLB++q5Mx/zVcN5Stfesk6AYZ1KS7MOpLxmNg==",
   "_location": "/@syncfusion/ej2-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-27.1.50.tgz",
-  "_shasum": "0d347796d2a4a20657cff3e428fbad0a5fe11d38",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-27.1.53.tgz",
+  "_shasum": "f06384d5e958ba02b57d55a187cfbe91fedf6330",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -36,10 +36,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.50",
-    "@syncfusion/ej2-data": "~27.1.51",
-    "@syncfusion/ej2-grids": "~27.1.51",
-    "@syncfusion/ej2-popups": "~27.1.50"
+    "@syncfusion/ej2-base": "~27.1.55",
+    "@syncfusion/ej2-data": "~27.1.52",
+    "@syncfusion/ej2-grids": "~27.1.55",
+    "@syncfusion/ej2-popups": "~27.1.55"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeGrid Component",
@@ -76,6 +76,6 @@
     "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "version": "27.1.51",
+  "version": "27.1.55",
   "sideEffects": false
 }

package/src/treegrid/actions/detail-row.js

@@ -77,7 +77,7 @@ var DetailRow = /** @class */ (function () {
             return;
         }
         for (var i = 0; i < args.detailrows.length; i++) {
-            args.detailrows[parseInt(i.toString(), 10)].style.display = args.action;
+            this.parent['toggleRowVisibility'](args.detailrows[parseInt(i.toString(), 10)], args.action);
         }
     };
     DetailRow.prototype.detaildataBound = function (args) {

package/src/treegrid/actions/freeze-column.js

@@ -56,11 +56,11 @@ var Freeze = /** @class */ (function () {
             if (!isNullOrUndefined(movableRows) && row.parentElement.firstElementChild.clientHeight > 0) {
                 row.style.height = row.parentElement.firstElementChild.clientHeight + 'px';
             }
-            row.style.display = args.action;
+            this.parent['toggleRowVisibility'](row, args.action);
             if (freeze && frozenRightRows.length) {
-                frozenRightRows[parseInt(i.toString(), 10)].style.display = args.action;
+                this.parent['toggleRowVisibility'](frozenRightRows[parseInt(i.toString(), 10)], args.action);
             }
-            var queryselector = args.action === 'none' ? '.e-treecolumn-container .e-treegridcollapse'
+            var queryselector = args.action === 'e-childrow-hidden' ? '.e-treecolumn-container .e-treegridcollapse'
                 : '.e-treecolumn-container .e-treegridexpand';
             if (frozenrows[row.rowIndex].querySelector(queryselector)) {
                 var cRow = [];

package/src/treegrid/base/data.js

@@ -308,7 +308,7 @@ var DataManipulation = /** @class */ (function () {
                 rowDetails.record.expanded = true;
             }
             for (var i = 0; i < rowDetails.rows.length; i++) {
-                rowDetails.rows[parseInt(i.toString(), 10)].style.display = 'table-row';
+                this.parent['toggleRowVisibility'](rowDetails.rows[parseInt(i.toString(), 10)], 'e-childrow-visible');
                 if (!this.parent.loadChildOnDemand) {
                     var targetEle = rowDetails.rows[parseInt(i.toString(), 10)].getElementsByClassName('e-treegridcollapse')[0];
                     childRecord = this.parent.rowTemplate ?

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

@@ -1861,6 +1861,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
     private updateChildOnDemand;
     private remoteExpand;
     private localExpand;
+    private toggleRowVisibility;
     private updateAltRow;
     private treeColumnRowTemplate;
     private collapseRemoteChild;

package/src/treegrid/base/treegrid.js

@@ -491,7 +491,7 @@ var TreeGrid = /** @class */ (function (_super) {
     TreeGrid.prototype.findnextRowElement = function (summaryRowElement) {
         var rowElement = summaryRowElement.nextElementSibling;
         if (rowElement !== null && (rowElement.className.indexOf('e-summaryrow') !== -1 ||
-            rowElement.style.display === 'none')) {
+            rowElement.classList.contains('e-childrow-hidden'))) {
             rowElement = this.findnextRowElement(rowElement);
         }
         return rowElement;
@@ -500,7 +500,7 @@ var TreeGrid = /** @class */ (function (_super) {
     TreeGrid.prototype.findPreviousRowElement = function (summaryRowElement) {
         var rowElement = summaryRowElement.previousElementSibling;
         if (rowElement !== null && (rowElement.className.indexOf('e-summaryrow') !== -1 ||
-            rowElement.style.display === 'none')) {
+            rowElement.classList.contains('e-childrow-hidden'))) {
             rowElement = this.findPreviousRowElement(rowElement);
         }
         return rowElement;
@@ -2119,12 +2119,12 @@ var TreeGrid = /** @class */ (function (_super) {
      */
     TreeGrid.prototype.getPersistData = function () {
         var keyEntity = ['pageSettings', 'sortSettings',
-            'filterSettings', 'columns', 'searchSettings', 'selectedRowIndex', 'treeColumnIndex'];
+            'filterSettings', 'columns', 'searchSettings', 'selectedRowIndex', 'treeColumnIndex', 'scrollPosition'];
         var ignoreOnPersist = {
             pageSettings: ['template', 'pageSizes', 'pageSizeMode', 'enableQueryString', 'totalRecordsCount', 'pageCount'],
             filterSettings: ['type', 'mode', 'showFilterBarStatus', 'immediateModeDelay', 'ignoreAccent', 'hierarchyMode'],
             searchSettings: ['fields', 'operator', 'ignoreCase'],
-            sortSettings: [], columns: [], selectedRowIndex: []
+            sortSettings: [], columns: [], selectedRowIndex: [], scrollPosition: []
         };
         var ignoreOnColumn = ['filter', 'edit', 'filterBarTemplate', 'headerTemplate', 'template',
             'commandTemplate', 'commands', 'dataSource'];
@@ -2974,6 +2974,9 @@ var TreeGrid = /** @class */ (function (_super) {
             });
         }
         record = this.getCollapseExpandRecords(row, record);
+        if (isNullOrUndefined(row) && isNullOrUndefined(record)) {
+            return;
+        }
         if (!isNullOrUndefined(row) && row.cells[0].classList.contains('e-lastrowcell')) {
             this.lastRowBorder(row, false);
         }
@@ -3055,7 +3058,7 @@ var TreeGrid = /** @class */ (function (_super) {
                 return e.hasChildRecords;
             });
         }
-        else if (isNullOrUndefined(record)) {
+        else if (isNullOrUndefined(record) && !isNullOrUndefined(row)) {
             if (this.detailTemplate) {
                 record = this.grid.getCurrentViewRecords()[row.getAttribute('data-rowindex')];
             }
@@ -3096,6 +3099,9 @@ var TreeGrid = /** @class */ (function (_super) {
             });
         }
         record = this.getCollapseExpandRecords(row, record);
+        if (isNullOrUndefined(row) && isNullOrUndefined(record)) {
+            return;
+        }
         if (this.isCollapseAll && !isRemoteData(this)) {
             var args = { data: parentRec, row: row, cancel: false };
             if (!this.isCollapsingEventTriggered) {
@@ -3117,7 +3123,7 @@ var TreeGrid = /** @class */ (function (_super) {
         else if (!this.isCollapseAll || (this.isCollapseAll && isRemoteData(this))) {
             var args = { data: record, row: row, cancel: false };
             this.trigger(events.collapsing, args, function (collapsingArgs) {
-                if (!collapsingArgs.cancel && !isNullOrUndefined(record)) {
+                if (!collapsingArgs.cancel) {
                     _this.collapseRows(row, record, parentRec);
                 }
             });
@@ -3424,7 +3430,7 @@ var TreeGrid = /** @class */ (function (_super) {
         else {
             var displayAction = void 0;
             if (action === 'expand') {
-                displayAction = 'table-row';
+                displayAction = 'e-childrow-visible';
                 if (!isChild) {
                     record.expanded = true;
                     this.uniqueIDCollection[record.uniqueID].expanded = record.expanded;
@@ -3445,7 +3451,7 @@ var TreeGrid = /** @class */ (function (_super) {
                 removeClass([targetEle], 'e-treegridcollapse');
             }
             else {
-                displayAction = 'none';
+                displayAction = 'e-childrow-hidden';
                 if (!isChild || isCountRequired(this)) {
                     record.expanded = false;
                     this.uniqueIDCollection[record.uniqueID].expanded = record.expanded;
@@ -3646,7 +3652,7 @@ var TreeGrid = /** @class */ (function (_super) {
             var rows_2 = this.getContentTable().rows;
             gridRows = [].slice.call(rows_2);
         }
-        var displayAction = (action === 'expand') ? 'table-row' : 'none';
+        var displayAction = (action === 'expand') ? 'e-childrow-visible' : 'e-childrow-hidden';
         var primaryKeyField = this.getPrimaryKeyFieldNames()[0];
         if (this.enableImmutableMode && !this.allowPaging) {
             rows = [];
@@ -3686,11 +3692,11 @@ var TreeGrid = /** @class */ (function (_super) {
         });
         for (var i = 0; i < rows.length; i++) {
             if (!isNullOrUndefined(rows[parseInt(i.toString(), 10)])) {
-                rows[parseInt(i.toString(), 10)].style.display = displayAction;
+                this.toggleRowVisibility(rows[parseInt(i.toString(), 10)], displayAction);
             }
             if (!isNullOrUndefined(rows[parseInt(i.toString(), 10)]) && !this.allowPaging && !(this.enableVirtualization
                 || this.enableInfiniteScrolling || isRemoteData(this) || isCountRequired(this))) {
-                gridRowsObject[rows[parseInt(i.toString(), 10)].rowIndex].visible = displayAction !== 'none' ? true : false;
+                gridRowsObject[rows[parseInt(i.toString(), 10)].rowIndex].visible = displayAction !== 'e-childrow-hidden' ? true : false;
                 var parentRecord = currentViewData.filter(function (e) {
                     return e.uniqueID === currentRecord[0].parentUniqueID;
                 });
@@ -3699,10 +3705,10 @@ var TreeGrid = /** @class */ (function (_super) {
                 }
             }
             if (!isNullOrUndefined(movableRows)) {
-                movableRows[parseInt(i.toString(), 10)].style.display = displayAction;
+                this.toggleRowVisibility(movableRows[parseInt(i.toString(), 10)], displayAction);
             }
             if (!isNullOrUndefined(freezeRightRows)) {
-                freezeRightRows[parseInt(i.toString(), 10)].style.display = displayAction;
+                this.toggleRowVisibility(freezeRightRows[parseInt(i.toString(), 10)], displayAction);
             }
             this.notify('childRowExpand', { row: rows[parseInt(i.toString(), 10)] });
             if ((!isNullOrUndefined(childRecords[parseInt(i.toString(), 10)].childRecords) && childRecords[parseInt(i.toString(), 10)].childRecords.length > 0) && (action !== 'expand' ||
@@ -3716,8 +3722,8 @@ var TreeGrid = /** @class */ (function (_super) {
         for (var i = 0; i < detailrows.length; i++) {
             if (!isNullOrUndefined(detailrows[parseInt(i.toString(), 10)]) && !this.allowPaging && !(this.enableVirtualization ||
                 this.enableInfiniteScrolling || isRemoteData(this) || isCountRequired(this))) {
-                gridRowsObject[detailrows[parseInt(i.toString(), 10)].rowIndex].visible = displayAction !== 'none' ? true : false;
-                detailrows[parseInt(i.toString(), 10)].style.display = displayAction;
+                gridRowsObject[detailrows[parseInt(i.toString(), 10)].rowIndex].visible = displayAction !== 'e-childrow-hidden' ? true : false;
+                this.toggleRowVisibility(detailrows[parseInt(i.toString(), 10)], displayAction);
             }
         }
         if (!this.allowPaging && !(this.enableVirtualization || this.enableInfiniteScrolling || isRemoteData(this)
@@ -3725,12 +3731,18 @@ var TreeGrid = /** @class */ (function (_super) {
             this.grid.notify('refresh-Expand-and-Collapse', { rows: this.grid.getRowsObject() });
         }
     };
+    TreeGrid.prototype.toggleRowVisibility = function (row, displayAction) {
+        if (row) {
+            row.classList.remove('e-childrow-hidden', 'e-childrow-visible');
+            row.classList.add(displayAction);
+        }
+    };
     TreeGrid.prototype.updateAltRow = function (rows) {
         if (this.enableAltRow && !this.rowTemplate) {
             var visibleRowCount = 0;
             for (var i = 0; rows && i < rows.length; i++) {
                 var gridRow = rows[parseInt(i.toString(), 10)];
-                if (gridRow.style.display !== 'none') {
+                if (!gridRow.classList.contains('e-childrow-hidden')) {
                     if (gridRow.classList.contains('e-altrow')) {
                         removeClass([gridRow], 'e-altrow');
                     }
@@ -3776,15 +3788,15 @@ var TreeGrid = /** @class */ (function (_super) {
             });
         }
         for (var i = 0; i < rows.length; i++) {
-            rows[parseInt(i.toString(), 10)].style.display = 'none';
+            this.toggleRowVisibility(rows[parseInt(i.toString(), 10)], 'e-childrow-hidden');
             row = rows[parseInt(i.toString(), 10)];
             var collapsingTd = rows[parseInt(i.toString(), 10)].querySelector('.e-detailrowexpand');
             if (!isNullOrUndefined(collapsingTd)) {
                 this.grid.detailRowModule.collapse(collapsingTd);
             }
             if (freeze) {
-                movablerows[parseInt(i.toString(), 10)].style.display = 'none';
-                rightrows[parseInt(i.toString(), 10)].style.display = 'none';
+                this.toggleRowVisibility(movablerows[parseInt(i.toString(), 10)], 'e-childrow-hidden');
+                this.toggleRowVisibility(rightrows[parseInt(i.toString(), 10)], 'e-childrow-hidden');
                 if (!rows[parseInt(i.toString(), 10)].querySelector('.e-treecolumn-container .e-treegridexpand')) {
                     if (movablerows[parseInt(i.toString(), 10)].querySelector('.e-treecolumn-container .e-treegridexpand')) {
                         row = movablerows[parseInt(i.toString(), 10)];
@@ -3935,6 +3947,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.clearSelection = function () {
+        this.grid.selectionModule['actualTarget'] = null;
         this.grid.clearSelection();
     };
     /**

package/src/treegrid/renderer/render.js

@@ -39,7 +39,7 @@ var Render = /** @class */ (function () {
                 parentData[this.parent.expandStateMapping]) || this.parent.enableCollapseAll)) ||
                 !getExpandStatus(this.parent, args.data, this.parent.grid.getCurrentViewRecords());
             if (collapsed && !isNullOrUndefined(args.row)) {
-                args.row.style.display = 'none';
+                this.parent['toggleRowVisibility'](args.row, 'e-childrow-hidden');
                 var rowsObj = this.parent.grid.getRowsObject();
                 if (!this.parent.grid.isFrozenGrid() && !isNullOrUndefined(args.row.getAttribute('data-uid'))) {
                     rowsObj.filter(function (e) { return e.uid === args.row.getAttribute('data-uid'); })[0].visible = false;
@@ -52,8 +52,8 @@ var Render = /** @class */ (function () {
                 return getValue(proxy_1.idMapping, rec) === getValue(proxy_1.parentIdMapping, data);
             });
             if (parentrec.length > 0 && !parentrec[0].isSummaryRow && !isNullOrUndefined(args.row)) {
-                var display = parentrec[0].expanded ? 'table-row' : 'none';
-                args.row.setAttribute('style', 'display: ' + display + ';');
+                var display = parentrec[0].expanded ? 'e-childrow-visible' : 'e-childrow-hidden';
+                this.parent['toggleRowVisibility'](args.row, display);
             }
         }
         //addClass([args.row], 'e-gridrowindex' + index + 'level' + (<ITreeData>args.data).level);
@@ -70,7 +70,7 @@ var Render = /** @class */ (function () {
             }
             if (this.parent.enableCollapseAll && this.parent.initialRender) {
                 if (!isNullOrUndefined(data.parentItem)) {
-                    args.row.style.display = 'none';
+                    this.parent['toggleRowVisibility'](args.row, 'e-childrow-hidden');
                 }
             }
         }

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

@@ -126,6 +126,18 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             this.parent["" + action]('refresh-virtual-block', this.refreshContentRows, this);
             this.fn = function () {
                 _this.observers.observes(function (scrollArgs) { return _this.scrollListeners(scrollArgs); }, _this.onEnteredAction(), _this.parent);
+                var gObj = _this.parent;
+                if (gObj.root.enablePersistence && gObj.root.scrollPosition) {
+                    _this.content.scrollTop = gObj.root.scrollPosition.top;
+                    if (gObj.root.enableColumnVirtualization) {
+                        _this.content.scrollLeft = gObj.root.scrollPosition.left;
+                    }
+                    var scrollValues = {
+                        direction: 'down', sentinel: _this.observer.sentinelInfo.down,
+                        offset: gObj.root.scrollPosition, focusElement: gObj.element
+                    };
+                    _this.scrollListeners(scrollValues);
+                }
                 _this.parent.off('content-ready', _this.fn);
             };
             this.parent.addEventListener('dataBound', this.dataBoundEvent.bind(this));
@@ -384,6 +396,9 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
     };
     VirtualTreeContentRenderer.prototype.scrollListeners = function (scrollArgs) {
         this['scrollAfterEdit']();
+        if (this.parent.root.enablePersistence) {
+            this.parent.root.scrollPosition = scrollArgs.offset;
+        }
         var info = scrollArgs.sentinel;
         var rowHeight = this.parent.getRowHeight();
         var outBuffer = this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 2);

package/styles/bootstrap-dark-lite.css

@@ -136,6 +136,9 @@
   text-align: center;
   vertical-align: middle;
 }
+.e-treegrid tr.e-row.e-childrow-hidden {
+  display: none;
+}
 .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
   display: block;
   overflow: hidden;
@@ -223,6 +226,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;
@@ -246,7 +254,8 @@
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
 .e-treegrid .e-table .e-detailrowexpand,
-.e-treegrid .e-table .e-detailrowcollapse {
+.e-treegrid .e-table .e-detailrowcollapse,
+.e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
 .e-treegrid .e-icons.e-errorelem {

package/styles/bootstrap-dark.css

@@ -136,6 +136,9 @@
   text-align: center;
   vertical-align: middle;
 }
+.e-treegrid tr.e-row.e-childrow-hidden {
+  display: none;
+}
 .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
   display: block;
   overflow: hidden;
@@ -223,6 +226,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;
@@ -246,7 +254,8 @@
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
 .e-treegrid .e-table .e-detailrowexpand,
-.e-treegrid .e-table .e-detailrowcollapse {
+.e-treegrid .e-table .e-detailrowcollapse,
+.e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
 .e-treegrid .e-icons.e-errorelem {

package/styles/bootstrap-lite.css

@@ -136,6 +136,9 @@
   text-align: center;
   vertical-align: middle;
 }
+.e-treegrid tr.e-row.e-childrow-hidden {
+  display: none;
+}
 .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
   display: block;
   overflow: hidden;
@@ -226,6 +229,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;
@@ -249,7 +257,8 @@
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
 .e-treegrid .e-table .e-detailrowexpand,
-.e-treegrid .e-table .e-detailrowcollapse {
+.e-treegrid .e-table .e-detailrowcollapse,
+.e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
 .e-treegrid .e-icons.e-errorelem {

package/styles/bootstrap.css

@@ -136,6 +136,9 @@
   text-align: center;
   vertical-align: middle;
 }
+.e-treegrid tr.e-row.e-childrow-hidden {
+  display: none;
+}
 .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
   display: block;
   overflow: hidden;
@@ -226,6 +229,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;
@@ -249,7 +257,8 @@
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
 .e-treegrid .e-table .e-detailrowexpand,
-.e-treegrid .e-table .e-detailrowcollapse {
+.e-treegrid .e-table .e-detailrowcollapse,
+.e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
 .e-treegrid .e-icons.e-errorelem {

package/styles/bootstrap4-lite.css

@@ -172,6 +172,9 @@
   text-align: center;
   vertical-align: middle;
 }
+.e-treegrid tr.e-row.e-childrow-hidden {
+  display: none;
+}
 .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
   display: block;
   overflow: hidden;
@@ -259,6 +262,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;
@@ -282,7 +290,8 @@
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
 .e-treegrid .e-table .e-detailrowexpand,
-.e-treegrid .e-table .e-detailrowcollapse {
+.e-treegrid .e-table .e-detailrowcollapse,
+.e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
 .e-treegrid .e-icons.e-errorelem {

package/styles/bootstrap4.css

@@ -172,6 +172,9 @@
   text-align: center;
   vertical-align: middle;
 }
+.e-treegrid tr.e-row.e-childrow-hidden {
+  display: none;
+}
 .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
   display: block;
   overflow: hidden;
@@ -259,6 +262,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;
@@ -282,7 +290,8 @@
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
 .e-treegrid .e-table .e-detailrowexpand,
-.e-treegrid .e-table .e-detailrowcollapse {
+.e-treegrid .e-table .e-detailrowcollapse,
+.e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
 .e-treegrid .e-icons.e-errorelem {

package/styles/bootstrap5-dark-lite.css

@@ -175,6 +175,9 @@
   text-align: center;
   vertical-align: unset;
 }
+.e-treegrid tr.e-row.e-childrow-hidden {
+  display: none;
+}
 .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
   display: block;
   overflow: hidden;
@@ -262,6 +265,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;
@@ -285,7 +293,8 @@
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
 .e-treegrid .e-table .e-detailrowexpand,
-.e-treegrid .e-table .e-detailrowcollapse {
+.e-treegrid .e-table .e-detailrowcollapse,
+.e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
 .e-treegrid .e-icons.e-errorelem {

package/styles/bootstrap5-dark.css

@@ -175,6 +175,9 @@
   text-align: center;
   vertical-align: unset;
 }
+.e-treegrid tr.e-row.e-childrow-hidden {
+  display: none;
+}
 .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
   display: block;
   overflow: hidden;
@@ -262,6 +265,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;
@@ -285,7 +293,8 @@
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
 .e-treegrid .e-table .e-detailrowexpand,
-.e-treegrid .e-table .e-detailrowcollapse {
+.e-treegrid .e-table .e-detailrowcollapse,
+.e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
 .e-treegrid .e-icons.e-errorelem {

package/styles/bootstrap5-lite.css

@@ -175,6 +175,9 @@
   text-align: center;
   vertical-align: unset;
 }
+.e-treegrid tr.e-row.e-childrow-hidden {
+  display: none;
+}
 .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
   display: block;
   overflow: hidden;
@@ -262,6 +265,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;
@@ -285,7 +293,8 @@
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
 .e-treegrid .e-table .e-detailrowexpand,
-.e-treegrid .e-table .e-detailrowcollapse {
+.e-treegrid .e-table .e-detailrowcollapse,
+.e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
 .e-treegrid .e-icons.e-errorelem {

package/styles/bootstrap5.3-lite.css

@@ -179,6 +179,9 @@
   text-align: center;
   vertical-align: unset;
 }
+.e-treegrid tr.e-row.e-childrow-hidden {
+  display: none;
+}
 .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
   display: block;
   overflow: hidden;
@@ -266,6 +269,11 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: break-word;
+}
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;
@@ -289,7 +297,8 @@
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
 .e-treegrid .e-table .e-detailrowexpand,
-.e-treegrid .e-table .e-detailrowcollapse {
+.e-treegrid .e-table .e-detailrowcollapse,
+.e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
 .e-treegrid .e-icons.e-errorelem {