@syncfusion/ej2-treegrid 27.2.2 → 28.1.33

package/styles/treegrid/bds.scss

@@ -0,0 +1,19 @@
+@import 'ej2-base/styles/definition/bds.scss';
+@import 'ej2-inputs/styles/input/bds-definition.scss';
+@import 'ej2-inputs/styles/numerictextbox/bds-definition.scss';
+@import 'ej2-buttons/styles/button/bds-definition.scss';
+@import 'ej2-buttons/styles/radio-button/bds-definition.scss';
+@import 'ej2-buttons/styles/check-box/bds-definition.scss';
+@import 'ej2-dropdowns/styles/auto-complete/bds-definition.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
+@import 'ej2-popups/styles/dialog/bds-definition.scss';
+@import 'ej2-popups/styles/spinner/bds-definition.scss';
+@import 'ej2-popups/styles/tooltip/bds-definition.scss';
+@import 'ej2-calendars/styles/datepicker/bds-definition.scss';
+@import 'ej2-calendars/styles/datetimepicker/bds-definition.scss';
+@import 'ej2-navigations/styles/toolbar/bds-definition.scss';
+@import 'ej2-navigations/styles/context-menu/bds-definition.scss';
+@import 'bds-definition.scss';
+@import 'icons/bds.scss';
+@import 'all.scss';
+@import 'bigger.scss';

package/styles/treegrid/bootstrap-dark.css

@@ -127,6 +127,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 #0070f0;
+}
+.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;
@@ -193,6 +199,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;
@@ -277,6 +286,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 #0070f0;
@@ -313,6 +325,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: #0070f0;
@@ -401,6 +418,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 {
@@ -434,23 +454,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/bootstrap.css

@@ -127,6 +127,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 #317ab9;
+}
+.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;
@@ -193,6 +199,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;
@@ -280,6 +289,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 #317ab9;
@@ -316,6 +328,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: #317ab9;
@@ -404,6 +421,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 {
@@ -437,26 +457,26 @@
 }
 
 /* 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 {
   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/bootstrap4.css

@@ -163,6 +163,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;
+}
+.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;
@@ -229,6 +235,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: 14px;
   width: 14px;
@@ -313,6 +322,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;
@@ -349,6 +361,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;
@@ -437,6 +454,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 {
@@ -470,23 +490,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: 16px;
   width: 16px;
   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: 16px;
 }
-.e-bigger .e-treegrid .e-treecolumn-container span {
+.e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
   vertical-align: middle;
 }

package/styles/treegrid/bootstrap5-dark.css

@@ -166,6 +166,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 solid #4f46e5;
+}
+.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;
@@ -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 {
   height: 14px;
   width: 14px;
@@ -316,6 +325,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 #0d6efd;
@@ -352,6 +364,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: #0d6efd;
@@ -440,6 +457,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 {
@@ -473,23 +493,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: 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 {
   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;
 }

package/styles/treegrid/bootstrap5.3.css

@@ -170,6 +170,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 #4f46e5;
+}
+.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;
@@ -236,6 +242,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: 14px;
   width: 14px;
@@ -320,6 +329,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);
@@ -356,6 +368,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);
@@ -444,6 +461,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 {
@@ -477,23 +497,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: 22px;
   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: 16px;
   width: 16px;
 }
-.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;
 }

package/styles/treegrid/bootstrap5.css

@@ -166,6 +166,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 solid #4f46e5;
+}
+.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;
@@ -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 {
   height: 14px;
   width: 14px;
@@ -316,6 +325,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 #0d6efd;
@@ -352,6 +364,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: #0d6efd;
@@ -440,6 +457,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 {
@@ -473,23 +493,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: 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 {
   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;
 }

package/styles/treegrid/fabric-dark.css

@@ -103,6 +103,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 #0074cc;
+}
+.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;
@@ -169,6 +175,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;
@@ -256,6 +265,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 #0074cc;
@@ -292,6 +304,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: #0074cc;
@@ -380,6 +397,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 {
@@ -413,26 +433,26 @@
 }
 
 /* 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 {
   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/fabric.css

@@ -103,6 +103,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 #0078d6;
+}
+.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;
@@ -169,6 +175,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;
@@ -256,6 +265,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 #0078d6;
@@ -292,6 +304,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: #0078d6;
@@ -380,6 +397,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 {
@@ -413,26 +433,26 @@
 }
 
 /* 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 {
   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;
 }