@syncfusion/ej2-treegrid 27.2.3 → 28.1.35

package/styles/treegrid/material3.css

@@ -198,9 +198,20 @@
   content: "\e72a";
 }
 
+.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) {
+  border-left: 2px dashed rgba(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;
   vertical-align: middle;
@@ -267,6 +278,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;
@@ -351,6 +365,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 rgba(var(--color-sf-primary));
@@ -387,6 +404,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: rgba(var(--color-sf-primary));
@@ -475,6 +497,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 {
@@ -507,24 +532,35 @@
   border-bottom-color: rgba(var(--color-sf-primary));
 }
 
+.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-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: 18px;
   width: 18px;
 }
-.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/tailwind-dark.css

@@ -136,9 +136,20 @@
   content: "\e72a";
 }
 
+.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) {
+  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;
@@ -205,6 +216,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;
@@ -289,6 +303,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 #22d3ee;
@@ -325,6 +342,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: #22d3ee;
@@ -413,6 +435,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 {
@@ -445,24 +470,35 @@
   border-bottom-color: #22d3ee;
 }
 
+.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-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/tailwind.css

@@ -136,9 +136,20 @@
   content: "\e72a";
 }
 
+.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) {
+  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;
@@ -205,6 +216,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;
@@ -289,6 +303,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 #4f46e5;
@@ -325,6 +342,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: #4f46e5;
@@ -413,6 +435,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 {
@@ -445,24 +470,35 @@
   border-bottom-color: #4f46e5;
 }
 
+.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-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;
 }