@syncfusion/ej2-treegrid 28.1.35 → 28.1.37

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' {
@@ -472,6 +461,21 @@
     }
   }
 
+  .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: '';

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,20 @@
   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: "";
 }

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,6 +120,13 @@
   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";
@@ -132,7 +135,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: 1px solid #0070f0;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -217,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;
@@ -458,6 +451,20 @@
   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: "";
 }

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,6 +132,13 @@
   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";
@@ -132,7 +147,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: 1px solid #317ab9;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -220,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;
@@ -461,6 +466,20 @@
   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: "";
 }

package/styles/treegrid/bootstrap4.css

@@ -143,10 +143,6 @@
   content: "\e722";
 }
 
-.e-treegrid .e-treegridexpand::before,
-.e-treegrid .e-treegridcollapse::before {
-  content: "\e70b";
-}
 .e-treegrid .e-toolbar-item .e-expand::before {
   content: "\e7db";
 }
@@ -160,6 +156,13 @@
   content: "\e722";
 }
 
+.e-treegrid .e-treegridexpand::before,
+.e-treegrid .e-treegridcollapse::before,
+.e-grid .e-treegridexpand::before,
+.e-grid .e-treegridcollapse::before {
+  content: "\e70b";
+}
+
 .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
 .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
   content: "\e70b";
@@ -168,7 +171,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: 1px solid;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -253,17 +257,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: #495057;
-  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;
@@ -494,6 +487,20 @@
   border-bottom-color: #e3165b;
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: #495057;
+  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: "";
 }

package/styles/treegrid/bootstrap5-dark.css

@@ -146,10 +146,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";
 }
@@ -163,6 +159,13 @@
   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";
@@ -171,7 +174,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 #4f46e5;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -256,17 +260,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: #adb5bd;
-  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: 19px;
@@ -497,6 +490,20 @@
   border-bottom-color: #0d6efd;
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: #adb5bd;
+  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: "";
 }

package/styles/treegrid/bootstrap5.3.css

@@ -150,10 +150,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";
 }
@@ -167,6 +163,13 @@
   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";
@@ -175,7 +178,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 dashed #4f46e5;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -260,17 +264,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: 18px;
-  height: 18px;
-  padding: 0;
-  text-align: center;
-  vertical-align: text-bottom;
-  width: 18px;
-}
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
@@ -501,6 +494,20 @@
   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: 18px;
+  height: 18px;
+  padding: 0;
+  text-align: center;
+  vertical-align: text-bottom;
+  width: 18px;
+}
+
 .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
   content: "";
 }

package/styles/treegrid/bootstrap5.css

@@ -146,10 +146,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";
 }
@@ -163,6 +159,13 @@
   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";
@@ -171,7 +174,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 #4f46e5;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -256,17 +260,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: #6c757d;
-  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: 19px;
@@ -497,6 +490,20 @@
   border-bottom-color: #0d6efd;
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: #6c757d;
+  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: "";
 }

package/styles/treegrid/fabric-dark.css

@@ -83,10 +83,6 @@
   content: "\e35d";
 }
 
-.e-treegrid .e-treegridexpand::before,
-.e-treegrid .e-treegridcollapse::before {
-  content: "\e22e";
-}
 .e-treegrid .e-toolbar-item .e-expand::before {
   content: "\e555";
 }
@@ -100,6 +96,13 @@
   content: "\e35d";
 }
 
+.e-treegrid .e-treegridexpand::before,
+.e-treegrid .e-treegridcollapse::before,
+.e-grid .e-treegridexpand::before,
+.e-grid .e-treegridcollapse::before {
+  content: "\e22e";
+}
+
 .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
 .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
   content: "\e22e";
@@ -108,7 +111,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: 1px solid #0074cc;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -196,17 +200,6 @@
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-.e-treegrid .e-treegridexpand,
-.e-treegrid .e-treegridcollapse {
-  color: #dadada;
-  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;
@@ -437,6 +430,20 @@
   border-bottom-color: #0074cc;
 }
 
+.e-treegrid .e-treegridexpand,
+.e-treegrid .e-treegridcollapse,
+.e-grid .e-treegridexpand,
+.e-grid .e-treegridcollapse {
+  color: #dadada;
+  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: "";
 }

package/styles/treegrid/fabric.css

@@ -83,10 +83,6 @@
   content: "\e35d";
 }
 
-.e-treegrid .e-treegridexpand::before,
-.e-treegrid .e-treegridcollapse::before {
-  content: "\e22e";
-}
 .e-treegrid .e-toolbar-item .e-expand::before {
   content: "\e555";
 }
@@ -100,6 +96,13 @@
   content: "\e35d";
 }
 
+.e-treegrid .e-treegridexpand::before,
+.e-treegrid .e-treegridcollapse::before,
+.e-grid .e-treegridexpand::before,
+.e-grid .e-treegridcollapse::before {
+  content: "\e22e";
+}
+
 .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
 .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
   content: "\e22e";
@@ -108,7 +111,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: 1px solid #0078d6;
 }
 .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
@@ -196,17 +200,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;
@@ -437,6 +430,20 @@
   border-bottom-color: #0078d6;
 }
 
+.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: "";
 }