@syncfusion/ej2-treegrid 28.1.33 → 28.1.36

package/styles/tailwind-lite.css

@@ -119,10 +119,6 @@
   content: "\e72a";
 }
 
-.e-treegrid .e-treegridexpand::before,
-.e-treegrid .e-treegridcollapse::before {
-  content: "\e75c";
-}
 .e-treegrid .e-toolbar-item .e-expand::before {
   content: "\e7c9";
 }
@@ -136,10 +132,23 @@
   content: "\e72a";
 }
 
+.e-treegrid .e-treegridexpand::before,
+.e-treegrid .e-treegridcollapse::before,
+.e-grid .e-treegridexpand::before,
+.e-grid .e-treegridcollapse::before {
+  content: "\e75c";
+}
+
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
+.e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
+  content: "\e75c";
+}
+
 .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 #4f46e5;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -224,17 +233,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: #6b7280;
-  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;
@@ -465,4 +463,29 @@
   border-bottom-color: #4f46e5;
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: #6b7280;
+  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/tailwind.css

@@ -119,10 +119,6 @@
   content: "\e72a";
 }
 
-.e-treegrid .e-treegridexpand::before,
-.e-treegrid .e-treegridcollapse::before {
-  content: "\e75c";
-}
 .e-treegrid .e-toolbar-item .e-expand::before {
   content: "\e7c9";
 }
@@ -136,10 +132,23 @@
   content: "\e72a";
 }
 
+.e-treegrid .e-treegridexpand::before,
+.e-treegrid .e-treegridcollapse::before,
+.e-grid .e-treegridexpand::before,
+.e-grid .e-treegridcollapse::before {
+  content: "\e75c";
+}
+
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
+.e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
+  content: "\e75c";
+}
+
 .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 #4f46e5;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -224,17 +233,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: #6b7280;
-  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;
@@ -465,6 +463,31 @@
   border-bottom-color: #4f46e5;
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: #6b7280;
+  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/tailwind3-lite.css

@@ -162,10 +162,6 @@
   content: "\e72a";
 }
 
-.e-treegrid .e-treegridexpand::before,
-.e-treegrid .e-treegridcollapse::before {
-  content: "\e748";
-}
 .e-treegrid .e-toolbar-item .e-expand::before {
   content: "\e7c9";
 }
@@ -179,10 +175,23 @@
   content: "\e72a";
 }
 
+.e-treegrid .e-treegridexpand::before,
+.e-treegrid .e-treegridcollapse::before,
+.e-grid .e-treegridexpand::before,
+.e-grid .e-treegridcollapse::before {
+  content: "\e748";
+}
+
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
+.e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
+  content: "\e748";
+}
+
 .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 dashed #4f46e5;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -267,17 +276,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: var(--color-sf-icon-color);
-  cursor: pointer;
-  font-size: 16px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -508,4 +506,29 @@
   border-bottom-color: var(--color-sf-primary);
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: var(--color-sf-icon-color);
+  cursor: pointer;
+  font-size: 16px;
+  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/tailwind3.css

@@ -162,10 +162,6 @@
   content: "\e72a";
 }
 
-.e-treegrid .e-treegridexpand::before,
-.e-treegrid .e-treegridcollapse::before {
-  content: "\e748";
-}
 .e-treegrid .e-toolbar-item .e-expand::before {
   content: "\e7c9";
 }
@@ -179,10 +175,23 @@
   content: "\e72a";
 }
 
+.e-treegrid .e-treegridexpand::before,
+.e-treegrid .e-treegridcollapse::before,
+.e-grid .e-treegridexpand::before,
+.e-grid .e-treegridcollapse::before {
+  content: "\e748";
+}
+
+.e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
+.e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
+  content: "\e748";
+}
+
 .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 dashed #4f46e5;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -267,17 +276,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: var(--color-sf-icon-color);
-  cursor: pointer;
-  font-size: 16px;
-  height: 16px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 16px;
-}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -508,6 +506,31 @@
   border-bottom-color: var(--color-sf-primary);
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: var(--color-sf-icon-color);
+  cursor: pointer;
+  font-size: 16px;
+  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/treegrid/_icons.scss

@@ -11,11 +11,6 @@
   }
 
   .e-treegrid {
-    .e-treegridexpand::before,
-    .e-treegridcollapse::before {
-      content: $treegrid-right-arrow-icon;
-    }
-
     .e-toolbar-item {
       .e-expand::before {
         content: $treegrid-toolbar-expand-icon;
@@ -34,4 +29,19 @@
       }
     }
   }
+
+  .e-treegrid,
+  .e-grid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: $treegrid-right-arrow-icon;
+    }
+  }
+
+  .e-treelistgrid.e-grid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: $treegrid-right-arrow-icon;
+    }
+  }
 }

package/styles/treegrid/_layout.scss

@@ -36,7 +36,8 @@
       content: '';
     }
     
-    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom,.e-droptop),
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom,.e-droptop) {
       border-left: $treegrid-rowdrag-childborder-border;
     }
 
@@ -197,18 +198,6 @@
       }
     }
 
-    .e-treegridexpand,
-    .e-treegridcollapse {
-      color: $treegrid-right-arrow-icon-color;
-      cursor: pointer;
-      font-size: $treegrid-right-arrow-icon-font-size;
-      height: $treegrid-right-arrow-icon-height;
-      padding: $treegrid-right-arrow-icon-padding;
-      text-align: center;
-      vertical-align: text-bottom;
-      width: $treegrid-right-arrow-icon-width;
-    }
-
     .e-treecell {
       display: table-cell;
       @if $skin-name == 'bootstrap5' or $skin-name == 'boostrap5-dark' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' or $theme-name == 'fluent2' {
@@ -471,4 +460,35 @@
       }
     }
   }
+
+  .e-treegrid,
+  .e-grid {
+    .e-treegridexpand,
+    .e-treegridcollapse {
+      color: $treegrid-right-arrow-icon-color;
+      cursor: pointer;
+      font-size: $treegrid-right-arrow-icon-font-size;
+      height: $treegrid-right-arrow-icon-height;
+      padding: $treegrid-right-arrow-icon-padding;
+      text-align: center;
+      vertical-align: text-bottom;
+      width: $treegrid-right-arrow-icon-width;
+    }
+  }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-icons.e-none::before {
+      content: '';
+    }
+
+    .e-treecolumn-container {
+      .e-icons:not(.e-frame) {
+        display: inline-block;
+      }
+    }
+
+    .e-treegridexpand {
+      transform: rotate(90deg);
+    }
+  }
 }

package/styles/treegrid/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/treegrid/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/treegrid/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 {