@syncfusion/ej2-treegrid 28.1.33 → 28.1.36

package/dist/global/index.d.ts

@@ -1,12 +1,3 @@
-/*!
-*  filename: index.d.ts
-*  version : 28.1.33
-*  Copyright Syncfusion Inc. 2001 - 2024. 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
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 import * as _treegrid from '@syncfusion/ej2-treegrid';
 
 export declare namespace ej {

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-treegrid@*",
-  "_id": "@syncfusion/ej2-treegrid@20.12.1",
+  "_id": "@syncfusion/ej2-treegrid@28.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-KuMGwYg2ZSNKoZwF2X8qdYvm9pIVGZV4byzVF/NBbkRBUolsR00VM0Te+qZpPd1aeYzYtLeloywSY4AET2zrzA==",
+  "_integrity": "sha512-BLl7cK2TBNXXyvx3yir9noNUxx5WFfv8ITEQcsZSlWCNCqEJOGw3ln8fBObRDdi1puWjhpPQFJvGjQ7F/dN/0A==",
   "_location": "/@syncfusion/ej2-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -18,14 +18,13 @@
   },
   "_requiredBy": [
     "/",
-    "/@syncfusion/ej2",
     "/@syncfusion/ej2-angular-treegrid",
     "/@syncfusion/ej2-gantt",
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-treegrid/-/ej2-treegrid-20.12.1.tgz",
-  "_shasum": "7d69a4b448497f60c93177b3a215f11ad0fb7bea",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-28.1.35.tgz",
+  "_shasum": "4b3f4413ac07e18a6c6bc65439522e693a99c386",
   "_spec": "@syncfusion/ej2-treegrid@*",
   "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
   "author": {
@@ -38,7 +37,7 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~28.1.33",
     "@syncfusion/ej2-data": "~28.1.33",
-    "@syncfusion/ej2-grids": "~28.1.33",
+    "@syncfusion/ej2-grids": "~28.1.36",
     "@syncfusion/ej2-popups": "~28.1.33"
   },
   "deprecated": false,
@@ -76,6 +75,6 @@
     "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "version": "28.1.33",
+  "version": "28.1.36",
   "sideEffects": false
 }

package/src/treegrid/base/treegrid.js

@@ -620,8 +620,10 @@ var TreeGrid = /** @class */ (function (_super) {
         var freezePresent = this.injectedModules.filter(function (e) {
             return e.prototype.getModuleName() === 'freeze';
         });
+        var hasFreezeProp = Array.isArray(this.columns) &&
+            this.columns.some(function (col) { return !!col.freeze; });
         if ((this.frozenColumns || this.frozenRows || this.getFrozenColumns() ||
-            this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount()) && freezePresent.length > 0) {
+            hasFreezeProp) && freezePresent.length > 0) {
             modules.push({
                 member: 'freeze', args: [this],
                 name: 'Freeze'
@@ -793,7 +795,7 @@ var TreeGrid = /** @class */ (function (_super) {
             this.grid.rowDropSettings.targetID += '_gridcontrol';
         }
         this.addListener();
-        var gridContainer = createElement('div', { id: this.element.id + '_gridcontrol' });
+        var gridContainer = createElement('div', { id: this.element.id + '_gridcontrol', className: 'e-treelistgrid' });
         addClass([this.element], 'e-treegrid');
         if (!isNullOrUndefined(this.height) && typeof (this.height) === 'string' && this.height.indexOf('%') !== -1) {
             this.element.style.height = this.height;
@@ -3025,6 +3027,7 @@ var TreeGrid = /** @class */ (function (_super) {
     };
     // Internal method to handle the rows expand
     TreeGrid.prototype.expandRows = function (row, record, parentRec) {
+        var initialTotalRecordsCount = this.grid.totalDataRecordsCount;
         this.expandCollapse('expand', row, record);
         var children = 'Children';
         if (!(isRemoteData(this) && !isOffline(this)) && (!isCountRequired(this) || !isNullOrUndefined(record["" + children]))) {
@@ -3045,6 +3048,18 @@ var TreeGrid = /** @class */ (function (_super) {
                 this.trigger(events.expanded, expandArgs);
             }
         }
+        if (this.enableVirtualization) {
+            var index = this.grid.currentViewData.indexOf(record);
+            var expandedRow = isNullOrUndefined(row) ? this.getRows()[parseInt(index.toString(), 10)] : row;
+            if (!isNullOrUndefined(expandedRow)) {
+                var rowIndex = +expandedRow.getAttribute('data-rowindex');
+                var outBuffer = this.grid.pageSettings.pageSize - Math.ceil(this.grid.pageSettings.pageSize / 2);
+                var lastBlockIdx = initialTotalRecordsCount - outBuffer;
+                if (rowIndex > lastBlockIdx) {
+                    this.grid.getContent().firstElementChild.scrollTop = rowIndex * this.grid.getRowHeight();
+                }
+            }
+        }
     };
     TreeGrid.prototype.expandCollapseAllChildren = function (record, action, key, level) {
         if ((!isNullOrUndefined(key) && record[this.getPrimaryKeyFieldNames()[0]] !== key) ||
@@ -3160,6 +3175,18 @@ var TreeGrid = /** @class */ (function (_super) {
                     this.grid.getContent().firstElementChild.scrollBy(0, this.grid.getRowHeight());
                 }
             }
+            if (this.enableVirtualization) {
+                var index = this.grid.currentViewData.indexOf(record);
+                var collapsedRow = isNullOrUndefined(row) ? this.getRows()[parseInt(index.toString(), 10)] : row;
+                if (!isNullOrUndefined(collapsedRow)) {
+                    var rowIndex = +collapsedRow.getAttribute('data-rowindex');
+                    var outBuffer = this.grid.pageSettings.pageSize - Math.ceil(this.grid.pageSettings.pageSize / 2);
+                    var lastBlockIdx = this.grid.totalDataRecordsCount - outBuffer;
+                    if (rowIndex > lastBlockIdx) {
+                        this.grid.getContent().firstElementChild.scrollBy(0, (rowIndex - lastBlockIdx) * this.grid.getRowHeight());
+                    }
+                }
+            }
         }
     };
     TreeGrid.prototype.updateExpandStateMapping = function (record, state) {

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

@@ -218,13 +218,13 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
     VirtualTreeContentRenderer.prototype.dataBoundEvent = function () {
         var dataBoundEve = 'dataBound';
         var initialRowTop = 'initialRowTop';
-        if (this.parent.getRows().length && !isNullOrUndefined(this.parent.getRowByIndex(0)) && !this["" + initialRowTop]) {
+        if (!isNullOrUndefined(this.parent.getRows()) && this.parent.getRows().length && !isNullOrUndefined(this.parent.getRowByIndex(0)) && !this["" + initialRowTop]) {
             var rowTop = this.parent.getRowByIndex(0).getBoundingClientRect().top;
             var gridTop = this.parent.element.getBoundingClientRect().top;
             if (rowTop > 0) {
                 this["" + initialRowTop] = this.parent.getRowByIndex(0).getBoundingClientRect().top - gridTop;
             }
-            else {
+            else if (this.parent.selectedRowIndex === -1) {
                 this["" + initialRowTop] = this.content.getBoundingClientRect().top -
                     this.parent.getRowByIndex(0).getBoundingClientRect().height;
             }
@@ -410,7 +410,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             content = this.parent.getContent().querySelector('.e-content');
         }
         var scrollHeight = outBuffer * rowHeight;
-        var upScroll = (scrollArgs.offset.top - this.translateY) < 0;
+        var upScroll = (scrollArgs.offset.top - this.translateY) < 0 && this.activeKey !== 'downArrow';
         var downScroll = Math.ceil(scrollArgs.offset.top - this.translateY) + rowHeight >= scrollHeight;
         var selectedRowIndex = 'selectedRowIndex';
         var currentViewData = this.parent.currentViewData;
@@ -423,7 +423,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
                 - this.parent.pageSettings.pageSize;
             index = (index > 0) ? index : 0;
             if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 && index !== this["" + selectedRowIndex] &&
-                ((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop)) {
+                ((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop) && !this.parent.allowRowDragAndDrop) {
                 index = this["" + selectedRowIndex];
             }
             this.startIndex = index;
@@ -435,7 +435,8 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
                 this.startIndex = (this.startIndex - remains) < 0 ? 0 : (this.startIndex - remains);
             }
             if (currentViewData.length && (currentViewData[0]["" + indexValue] >= this.parent.pageSettings.pageSize / 2) &&
-                ((currentViewData[0]["" + indexValue] - this.startIndex) < (this.parent.pageSettings.pageSize / 2)) && this.parent.selectionModule.isRowSelected) {
+                ((currentViewData[0]["" + indexValue] - this.startIndex) < (this.parent.pageSettings.pageSize / 2)) &&
+                this.parent.selectionModule && this.parent.selectionModule.isRowSelected) {
                 this.startIndex = currentViewData[0]["" + indexValue] - (this.parent.pageSettings.pageSize / 2);
                 this.endIndex = this.startIndex + this.parent.pageSettings.pageSize;
             }
@@ -455,6 +456,9 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
                         (this.endIndex - this.parent.pageSettings.pageSize) * (this.parent.rowHeight ?
                             this.parent.rowHeight : this.parent.getRowHeight()) : 0;
                 }
+                else if (this.startIndex === this["" + selectedRowIndex]) {
+                    this.translateY = scrollArgs.offset.top;
+                }
                 else {
                     this.translateY = (scrollArgs.offset.top - (outBuffer * rowHeight) > 0) ?
                         scrollArgs.offset.top - (outBuffer * rowHeight) + rowHeight : 0;
@@ -474,7 +478,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             var nextSetResIndex = ~~(content.scrollTop / rowHeight);
             var isLastBlock = (this["" + selectedRowIndex] + this.parent.pageSettings.pageSize) < this.totalRecords ? false : true;
             if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 &&
-                nextSetResIndex !== this["" + selectedRowIndex] && !isLastBlock) {
+                nextSetResIndex !== this["" + selectedRowIndex] && !isLastBlock && !this.parent.allowRowDragAndDrop) {
                 nextSetResIndex = this["" + selectedRowIndex];
             }
             var lastIndex = nextSetResIndex + this.parent.pageSettings.pageSize;
@@ -489,7 +493,8 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
                 this.startIndex = lastIndex - (this.parent.pageSettings.pageSize / 2);
             }
             if (currentViewData.length && this.startIndex > currentViewData[0]["" + indexValue] &&
-                ((this.startIndex - currentViewData[0]["" + indexValue]) < (this.parent.pageSettings.pageSize / 2)) && this.parent.selectionModule.isRowSelected) {
+                ((this.startIndex - currentViewData[0]["" + indexValue]) < (this.parent.pageSettings.pageSize / 2)) &&
+                this.parent.selectionModule && this.parent.selectionModule.isRowSelected) {
                 this.startIndex = currentViewData[0]["" + indexValue] + (this.parent.pageSettings.pageSize / 2);
             }
             if (this.parent.root.isSelfReference) {
@@ -501,7 +506,12 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             }
             else {
                 if (this.totalRecords === this.endIndex) {
-                    this.translateY = (this.totalRecords * rowHeight) - ((this.endIndex - this.startIndex) * rowHeight);
+                    if (isLastBlock) {
+                        this.translateY = (this.totalRecords * rowHeight) - (this.parent.pageSettings.pageSize * rowHeight);
+                    }
+                    else {
+                        this.translateY = (this.totalRecords * rowHeight) - ((this.endIndex - this.startIndex) * rowHeight);
+                    }
                 }
                 else {
                     if (this.parent.getFrozenColumns() > 0) {

package/styles/bds-lite.css

@@ -374,7 +374,8 @@
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
-.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
   border-left: 2px solid var(--color-sf-brand-primary);
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -459,17 +460,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: var(--color-sf-fg-secondary);
-  cursor: pointer;
-  font-size: 18px;
-  height: 18px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -700,4 +690,29 @@
   border-bottom-color: var(--color-sf-brand-primary);
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: var(--color-sf-fg-secondary);
+  cursor: pointer;
+  font-size: 18px;
+  height: 18px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
+
+.e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
+  content: "";
+}
+.e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
+  display: inline-block;
+}
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+
 /* stylelint-disable-line no-empty-source */

package/styles/bds.css

@@ -374,7 +374,8 @@
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
-.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
   border-left: 2px solid var(--color-sf-brand-primary);
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -459,17 +460,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: var(--color-sf-fg-secondary);
-  cursor: pointer;
-  font-size: 18px;
-  height: 18px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -700,6 +690,31 @@
   border-bottom-color: var(--color-sf-brand-primary);
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: var(--color-sf-fg-secondary);
+  cursor: pointer;
+  font-size: 18px;
+  height: 18px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
+
+.e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
+  content: "";
+}
+.e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
+  display: inline-block;
+}
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+
 /* stylelint-disable-line no-empty-source */
 .e-bigger .e-treegrid .e-grid .e-treegridexpand,
 .e-bigger .e-treegrid .e-grid .e-treegridcollapse {

package/styles/bootstrap-dark-lite.css

@@ -107,10 +107,6 @@
   content: "\e35d";
 }
 
-.e-treegrid .e-treegridexpand::before,
-.e-treegrid .e-treegridcollapse::before {
-  content: "\e22f";
-}
 .e-treegrid .e-toolbar-item .e-expand::before {
   content: "\e558";
 }
@@ -124,10 +120,23 @@
   content: "\e35d";
 }
 
+.e-treegrid .e-treegridexpand::before,
+.e-treegrid .e-treegridcollapse::before,
+.e-grid .e-treegridexpand::before,
+.e-grid .e-treegridcollapse::before {
+  content: "\e22f";
+}
+
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
+.e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
+  content: "\e22f";
+}
+
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
-.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
   border-left: 1px solid #0070f0;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -212,17 +221,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: #f0f0f0;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -453,4 +451,29 @@
   border-bottom-color: #0070f0;
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: #f0f0f0;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
+
+.e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
+  content: "";
+}
+.e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
+  display: inline-block;
+}
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+
 /* stylelint-disable-line no-empty-source */

package/styles/bootstrap-dark.css

@@ -107,10 +107,6 @@
   content: "\e35d";
 }
 
-.e-treegrid .e-treegridexpand::before,
-.e-treegrid .e-treegridcollapse::before {
-  content: "\e22f";
-}
 .e-treegrid .e-toolbar-item .e-expand::before {
   content: "\e558";
 }
@@ -124,10 +120,23 @@
   content: "\e35d";
 }
 
+.e-treegrid .e-treegridexpand::before,
+.e-treegrid .e-treegridcollapse::before,
+.e-grid .e-treegridexpand::before,
+.e-grid .e-treegridcollapse::before {
+  content: "\e22f";
+}
+
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
+.e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
+  content: "\e22f";
+}
+
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
-.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
   border-left: 1px solid #0070f0;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -212,17 +221,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: #f0f0f0;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -453,6 +451,31 @@
   border-bottom-color: #0070f0;
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: #f0f0f0;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
+
+.e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
+  content: "";
+}
+.e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
+  display: inline-block;
+}
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+
 /* stylelint-disable-line no-empty-source */
 .e-bigger .e-treegrid .e-grid .e-treegridexpand,
 .e-bigger .e-treegrid .e-grid .e-treegridcollapse {

package/styles/bootstrap-lite.css

@@ -107,9 +107,17 @@
   content: "\e35d";
 }
 
-.e-treegrid .e-treegridexpand::before,
-.e-treegrid .e-treegridcollapse::before {
-  content: "\e22f";
+.e-treegrid .e-toolbar-item .e-expand::before {
+  content: "\e558";
+}
+.e-treegrid .e-toolbar-item .e-collapse::before {
+  content: "\e557";
+}
+.e-treegrid .e-toolbar-item .e-indent::before {
+  content: "\e33f";
+}
+.e-treegrid .e-toolbar-item .e-outdent::before {
+  content: "\e35d";
 }
 .e-treegrid .e-toolbar-item .e-expand::before {
   content: "\e558";
@@ -124,10 +132,23 @@
   content: "\e35d";
 }
 
+.e-treegrid .e-treegridexpand::before,
+.e-treegrid .e-treegridcollapse::before,
+.e-grid .e-treegridexpand::before,
+.e-grid .e-treegridcollapse::before {
+  content: "\e22f";
+}
+
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
+.e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
+  content: "\e22f";
+}
+
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
-.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
   border-left: 1px solid #317ab9;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -215,17 +236,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: #333;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -456,4 +466,29 @@
   border-bottom-color: #317ab9;
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: #333;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
+
+.e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
+  content: "";
+}
+.e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
+  display: inline-block;
+}
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+
 /* stylelint-disable-line no-empty-source */

package/styles/bootstrap.css

@@ -107,9 +107,17 @@
   content: "\e35d";
 }
 
-.e-treegrid .e-treegridexpand::before,
-.e-treegrid .e-treegridcollapse::before {
-  content: "\e22f";
+.e-treegrid .e-toolbar-item .e-expand::before {
+  content: "\e558";
+}
+.e-treegrid .e-toolbar-item .e-collapse::before {
+  content: "\e557";
+}
+.e-treegrid .e-toolbar-item .e-indent::before {
+  content: "\e33f";
+}
+.e-treegrid .e-toolbar-item .e-outdent::before {
+  content: "\e35d";
 }
 .e-treegrid .e-toolbar-item .e-expand::before {
   content: "\e558";
@@ -124,10 +132,23 @@
   content: "\e35d";
 }
 
+.e-treegrid .e-treegridexpand::before,
+.e-treegrid .e-treegridcollapse::before,
+.e-grid .e-treegridexpand::before,
+.e-grid .e-treegridcollapse::before {
+  content: "\e22f";
+}
+
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
+.e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
+  content: "\e22f";
+}
+
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
-.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
+.e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
   border-left: 1px solid #317ab9;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -215,17 +236,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: #333;
-  cursor: pointer;
-  font-size: 10px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -456,6 +466,31 @@
   border-bottom-color: #317ab9;
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: #333;
+  cursor: pointer;
+  font-size: 10px;
+  height: 16px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 16px;
+}
+
+.e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
+  content: "";
+}
+.e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
+  display: inline-block;
+}
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+
 /* stylelint-disable-line no-empty-source */
 .e-bigger .e-treegrid .e-grid .e-treegridexpand,
 .e-bigger .e-treegrid .e-grid .e-treegridcollapse {