@syncfusion/ej2-treegrid 27.2.3 → 28.1.33

package/styles/treegrid/fluent-dark.css

@@ -158,6 +158,12 @@
 .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) {
+  border-left: 2px dashed #0078d4;
+}
+.e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
+  height: auto;
+}
 .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
   height: 20px;
   padding-top: 0;
@@ -232,6 +238,9 @@
 .e-treegrid .e-cloneproperties .e-treecolumn-container span {
   vertical-align: text-top;
 }
+.e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
+  display: table-row;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   font-size: 10px;
   height: 16px;
@@ -319,6 +328,9 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
   -webkit-box-shadow: 0 1px 0 0 #0078d4;
@@ -355,6 +367,11 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
+.e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
+.e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
   border-top-color: #0078d4;
@@ -443,6 +460,9 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
 .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
 .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -476,30 +496,30 @@
 }
 
 /* stylelint-disable-line no-empty-source */
-.e-bigger .e-treegrid .e-treegridexpand,
-.e-bigger .e-treegrid .e-treegridcollapse {
+.e-bigger .e-treegrid .e-grid .e-treegridexpand,
+.e-bigger .e-treegrid .e-grid .e-treegridcollapse {
   font-size: 22px;
   height: 22px;
   width: 22px;
   vertical-align: bottom;
 }
-.e-bigger .e-treegrid .e-hierarchycheckbox {
+.e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
   padding-left: 2px;
 }
-.e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
+.e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
   font-size: 12px;
   line-height: 12px;
   padding: 2px 0;
   height: 18px;
   width: 18px;
 }
-.e-bigger .e-treegrid .e-treecell {
+.e-bigger .e-treegrid .e-grid .e-treecell {
   line-height: 22px;
 }
-.e-bigger .e-treegrid .e-treecolumn-container span {
+.e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
   vertical-align: middle;
 }
-.e-bigger .e-treegrid .e-row[aria-expanded=true] .e-treecell {
+.e-bigger .e-treegrid .e-grid .e-row[aria-expanded=true] .e-treecell {
   font-size: 16px;
   font-weight: bold;
 }

package/styles/treegrid/fluent.css

@@ -158,6 +158,12 @@
 .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) {
+  border-left: 2px dashed #0078d4;
+}
+.e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
+  height: auto;
+}
 .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
   height: 20px;
   padding-top: 0;
@@ -232,6 +238,9 @@
 .e-treegrid .e-cloneproperties .e-treecolumn-container span {
   vertical-align: text-top;
 }
+.e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
+  display: table-row;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   font-size: 10px;
   height: 16px;
@@ -319,6 +328,9 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
   -webkit-box-shadow: 0 1px 0 0 #0078d4;
@@ -355,6 +367,11 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
+.e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
+.e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
   border-top-color: #0078d4;
@@ -443,6 +460,9 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
 .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
 .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -476,30 +496,30 @@
 }
 
 /* stylelint-disable-line no-empty-source */
-.e-bigger .e-treegrid .e-treegridexpand,
-.e-bigger .e-treegrid .e-treegridcollapse {
+.e-bigger .e-treegrid .e-grid .e-treegridexpand,
+.e-bigger .e-treegrid .e-grid .e-treegridcollapse {
   font-size: 22px;
   height: 22px;
   width: 22px;
   vertical-align: bottom;
 }
-.e-bigger .e-treegrid .e-hierarchycheckbox {
+.e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
   padding-left: 2px;
 }
-.e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
+.e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
   font-size: 12px;
   line-height: 12px;
   padding: 2px 0;
   height: 18px;
   width: 18px;
 }
-.e-bigger .e-treegrid .e-treecell {
+.e-bigger .e-treegrid .e-grid .e-treecell {
   line-height: 22px;
 }
-.e-bigger .e-treegrid .e-treecolumn-container span {
+.e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
   vertical-align: middle;
 }
-.e-bigger .e-treegrid .e-row[aria-expanded=true] .e-treecell {
+.e-bigger .e-treegrid .e-grid .e-row[aria-expanded=true] .e-treecell {
   font-size: 16px;
   font-weight: bold;
 }

package/styles/treegrid/fluent2.css

@@ -341,6 +341,12 @@
 .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) {
+  border-left: 2px dashed var(--color-sf-primary);
+}
+.e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
+  height: auto;
+}
 .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
   height: 20px;
   position: relative;
@@ -419,6 +425,9 @@
 .e-treegrid .e-cloneproperties .e-treecolumn-container span {
   vertical-align: text-top;
 }
+.e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
+  display: table-row;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 16px;
   width: 16px;
@@ -503,6 +512,9 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
   -webkit-box-shadow: 0 1px 0 0 var(--color-sf-primary);
@@ -539,6 +551,11 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
+.e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
+.e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
   border-top-color: var(--color-sf-primary);
@@ -630,6 +647,9 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
 .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
 .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -663,29 +683,29 @@
 }
 
 /* stylelint-disable-line no-empty-source */
-.e-bigger .e-treegrid .e-treegridexpand,
-.e-bigger .e-treegrid .e-treegridcollapse {
+.e-bigger .e-treegrid .e-grid .e-treegridexpand,
+.e-bigger .e-treegrid .e-grid .e-treegridcollapse {
   font-size: 20px;
   height: 20px;
   width: 20px;
   vertical-align: bottom;
 }
-.e-bigger .e-treegrid .e-hierarchycheckbox {
+.e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
   padding-left: 2px;
 }
-.e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
+.e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
   height: 20px;
   width: 20px;
 }
-.e-bigger .e-treegrid .e-treecell {
+.e-bigger .e-treegrid .e-grid .e-treecell {
   line-height: 20px;
 }
-.e-bigger .e-treegrid .e-treecolumn-container span {
+.e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
   vertical-align: middle;
 }
-.e-bigger .e-treegrid .e-gridcontent .e-rowcell {
+.e-bigger .e-treegrid .e-grid .e-gridcontent .e-rowcell {
   line-height: 19px;
 }
-.e-bigger .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
+.e-bigger .e-treegrid .e-grid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
   bottom: 12px;
 }

package/styles/treegrid/highcontrast-light.css

@@ -112,6 +112,12 @@
 .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) {
+  border-left: 1px solid #400074;
+}
+.e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
+  height: auto;
+}
 .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
   height: 20px;
   vertical-align: middle;
@@ -178,6 +184,9 @@
 .e-treegrid .e-cloneproperties .e-treecolumn-container span {
   vertical-align: text-top;
 }
+.e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
+  display: table-row;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 20px;
   width: 20px;
@@ -262,6 +271,9 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
   -webkit-box-shadow: 0 1px 0 0 #400074;
@@ -298,6 +310,11 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
+.e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
+.e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
   border-top-color: #400074;
@@ -386,6 +403,9 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
 .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
 .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -419,23 +439,23 @@
 }
 
 /* stylelint-disable-line no-empty-source */
-.e-bigger .e-treegrid .e-treegridexpand,
-.e-bigger .e-treegrid .e-treegridcollapse {
+.e-bigger .e-treegrid .e-grid .e-treegridexpand,
+.e-bigger .e-treegrid .e-grid .e-treegridcollapse {
   font-size: 10px;
   height: 18px;
   width: 18px;
   vertical-align: bottom;
 }
-.e-bigger .e-treegrid .e-hierarchycheckbox {
+.e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
   padding-left: 2px;
 }
-.e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
+.e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
   height: 20px;
   width: 20px;
 }
-.e-bigger .e-treegrid .e-treecell {
+.e-bigger .e-treegrid .e-grid .e-treecell {
   line-height: 18px;
 }
-.e-bigger .e-treegrid .e-treecolumn-container span {
+.e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
   vertical-align: middle;
 }

package/styles/treegrid/highcontrast.css

@@ -12,7 +12,7 @@
 .e-ddl.e-popup .e-content.e-nodata {
   background-color: #000;
 }
-.e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
+.e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
   color: #ffd939;
 }
 .e-ddl.e-popup .e-input-group {
@@ -112,6 +112,12 @@
 .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) {
+  border-left: 1px solid #ffd939;
+}
+.e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
+  height: auto;
+}
 .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
   height: 20px;
   vertical-align: middle;
@@ -182,6 +188,9 @@
 .e-treegrid .e-cloneproperties .e-treecolumn-container span {
   vertical-align: text-top;
 }
+.e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
+  display: table-row;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   font-size: 10px;
   height: 16px;
@@ -269,6 +278,9 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
   -webkit-box-shadow: 0 1px 0 0 #ffd939;
@@ -305,6 +317,11 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
+.e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
+.e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
   border-top-color: #ffd939;
@@ -393,6 +410,9 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
 .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
 .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -426,29 +446,29 @@
 }
 
 /* stylelint-disable-line no-empty-source */
-.e-bigger .e-treegrid .e-treegridexpand,
-.e-bigger .e-treegrid .e-treegridcollapse {
+.e-bigger .e-treegrid .e-grid .e-treegridexpand,
+.e-bigger .e-treegrid .e-grid .e-treegridcollapse {
   font-size: 10px;
   height: 18px;
   width: 18px;
   vertical-align: bottom;
 }
-.e-bigger .e-treegrid .e-treegridexpand {
+.e-bigger .e-treegrid .e-grid .e-treegridexpand {
   vertical-align: middle;
 }
-.e-bigger .e-treegrid .e-hierarchycheckbox {
+.e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
   padding-left: 2px;
 }
-.e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
+.e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
   font-size: 12px;
   line-height: 12px;
   padding: 2px 0;
   height: 20px;
   width: 20px;
 }
-.e-bigger .e-treegrid .e-treecell {
+.e-bigger .e-treegrid .e-grid .e-treecell {
   line-height: 18px;
 }
-.e-bigger .e-treegrid .e-treecolumn-container span {
+.e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
   vertical-align: middle;
 }

package/styles/treegrid/icons/_tailwind3.scss

@@ -0,0 +1,37 @@
+@include export-module('treegrid-tailwind3-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e810';
+    }
+
+    .e-outdent::before {
+      content: '\e72a';
+    }
+  }
+
+  .e-treegrid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e748';
+    }
+
+    .e-toolbar-item {
+      .e-expand::before {
+        content: '\e7c9';
+      }
+
+      .e-collapse::before {
+        content: '\e80f';
+      }
+
+      .e-indent::before {
+        content: '\e810';
+      }
+
+      .e-outdent::before {
+        content: '\e72a';
+      }
+    }
+  }
+}

package/styles/treegrid/material-dark.css

@@ -188,6 +188,12 @@
 .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) {
+  border-left: 1px solid #00b0ff;
+}
+.e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
+  height: auto;
+}
 .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
   height: 20px;
   vertical-align: middle;
@@ -254,6 +260,9 @@
 .e-treegrid .e-cloneproperties .e-treecolumn-container span {
   vertical-align: text-top;
 }
+.e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
+  display: table-row;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 18px;
   width: 18px;
@@ -338,6 +347,9 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
   -webkit-box-shadow: 0 1px 0 0 #00b0ff;
@@ -374,6 +386,11 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
+.e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
+.e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
   border-top-color: #00b0ff;
@@ -462,6 +479,9 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
 .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
 .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -495,23 +515,23 @@
 }
 
 /* stylelint-disable-line no-empty-source */
-.e-bigger .e-treegrid .e-treegridexpand,
-.e-bigger .e-treegrid .e-treegridcollapse {
+.e-bigger .e-treegrid .e-grid .e-treegridexpand,
+.e-bigger .e-treegrid .e-grid .e-treegridcollapse {
   font-size: 10px;
   height: 18px;
   width: 18px;
   vertical-align: bottom;
 }
-.e-bigger .e-treegrid .e-hierarchycheckbox {
+.e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
   padding-left: 2px;
 }
-.e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
+.e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
   height: 20px;
   width: 20px;
 }
-.e-bigger .e-treegrid .e-treecell {
+.e-bigger .e-treegrid .e-grid .e-treecell {
   line-height: 18px;
 }
-.e-bigger .e-treegrid .e-treecolumn-container span {
+.e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
   vertical-align: middle;
 }

package/styles/treegrid/material.css

@@ -212,6 +212,12 @@
 .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) {
+  border-left: 1px solid #e3165b;
+}
+.e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
+  height: auto;
+}
 .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
   height: 20px;
   vertical-align: middle;
@@ -278,6 +284,9 @@
 .e-treegrid .e-cloneproperties .e-treecolumn-container span {
   vertical-align: text-top;
 }
+.e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
+  display: table-row;
+}
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 18px;
   width: 18px;
@@ -362,6 +371,9 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
   -webkit-box-shadow: 0 1px 0 0 #e3165b;
@@ -398,6 +410,11 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
+.e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
+.e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
   border-top-color: #e3165b;
@@ -486,6 +503,9 @@
   position: relative;
   z-index: 1;
 }
+.e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
+  position: sticky;
+}
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
 .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
 .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
@@ -519,23 +539,23 @@
 }
 
 /* stylelint-disable-line no-empty-source */
-.e-bigger .e-treegrid .e-treegridexpand,
-.e-bigger .e-treegrid .e-treegridcollapse {
+.e-bigger .e-treegrid .e-grid .e-treegridexpand,
+.e-bigger .e-treegrid .e-grid .e-treegridcollapse {
   font-size: 10px;
   height: 18px;
   width: 18px;
   vertical-align: bottom;
 }
-.e-bigger .e-treegrid .e-hierarchycheckbox {
+.e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
   padding-left: 2px;
 }
-.e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
+.e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
   height: 20px;
   width: 20px;
 }
-.e-bigger .e-treegrid .e-treecell {
+.e-bigger .e-treegrid .e-grid .e-treecell {
   line-height: 18px;
 }
-.e-bigger .e-treegrid .e-treecolumn-container span {
+.e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
   vertical-align: middle;
 }