@syncfusion/ej2-treegrid 29.2.8 → 30.1.38

package/styles/material3-dark.css

@@ -204,6 +204,12 @@
   content: "\e748";
 }
 
+@media print {
+  .e-treecell-child {
+    width: 10px;
+    display: inline-block;
+  }
+}
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
@@ -223,6 +229,22 @@
   text-align: center;
   vertical-align: unset;
 }
+.e-treegrid .e-treecolumn-container .e-treecell-icon {
+  width: 4px;
+  display: inline-block;
+}
+.e-treegrid .e-treecolumn-container .e-treecell-child {
+  width: 10px;
+  display: inline-block;
+}
+.e-treegrid .e-expand-iconstyle {
+  width: 16px;
+}
+.e-treegrid .e-print-layout {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+}
 .e-treegrid tr.e-childrow-hidden {
   display: none;
 }
@@ -340,6 +362,7 @@
   width: 0;
 }
 .e-treegrid .e-detailheadercell,
+.e-treegrid .e-detailcell-visible,
 .e-treegrid .e-headercontent .e-table .e-detail-intent,
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -348,6 +371,13 @@
 .e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
+.e-treegrid .e-table-cell::before {
+  content: none;
+  display: none;
+}
+.e-treegrid .e-table-cell {
+  display: table-cell;
+}
 .e-treegrid .e-icons.e-errorelem {
   padding-left: 10px;
   display: inline-block;

package/styles/material3-lite.css

@@ -206,6 +206,12 @@
   content: "\e748";
 }
 
+@media print {
+  .e-treecell-child {
+    width: 10px;
+    display: inline-block;
+  }
+}
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
@@ -225,6 +231,22 @@
   text-align: center;
   vertical-align: unset;
 }
+.e-treegrid .e-treecolumn-container .e-treecell-icon {
+  width: 4px;
+  display: inline-block;
+}
+.e-treegrid .e-treecolumn-container .e-treecell-child {
+  width: 10px;
+  display: inline-block;
+}
+.e-treegrid .e-expand-iconstyle {
+  width: 16px;
+}
+.e-treegrid .e-print-layout {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+}
 .e-treegrid tr.e-childrow-hidden {
   display: none;
 }
@@ -342,6 +364,7 @@
   width: 0;
 }
 .e-treegrid .e-detailheadercell,
+.e-treegrid .e-detailcell-visible,
 .e-treegrid .e-headercontent .e-table .e-detail-intent,
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -350,6 +373,13 @@
 .e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
+.e-treegrid .e-table-cell::before {
+  content: none;
+  display: none;
+}
+.e-treegrid .e-table-cell {
+  display: table-cell;
+}
 .e-treegrid .e-icons.e-errorelem {
   padding-left: 10px;
   display: inline-block;

package/styles/material3.css

@@ -206,6 +206,12 @@
   content: "\e748";
 }
 
+@media print {
+  .e-treecell-child {
+    width: 10px;
+    display: inline-block;
+  }
+}
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
@@ -225,6 +231,22 @@
   text-align: center;
   vertical-align: unset;
 }
+.e-treegrid .e-treecolumn-container .e-treecell-icon {
+  width: 4px;
+  display: inline-block;
+}
+.e-treegrid .e-treecolumn-container .e-treecell-child {
+  width: 10px;
+  display: inline-block;
+}
+.e-treegrid .e-expand-iconstyle {
+  width: 16px;
+}
+.e-treegrid .e-print-layout {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+}
 .e-treegrid tr.e-childrow-hidden {
   display: none;
 }
@@ -342,6 +364,7 @@
   width: 0;
 }
 .e-treegrid .e-detailheadercell,
+.e-treegrid .e-detailcell-visible,
 .e-treegrid .e-headercontent .e-table .e-detail-intent,
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -350,6 +373,13 @@
 .e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
+.e-treegrid .e-table-cell::before {
+  content: none;
+  display: none;
+}
+.e-treegrid .e-table-cell {
+  display: table-cell;
+}
 .e-treegrid .e-icons.e-errorelem {
   padding-left: 10px;
   display: inline-block;

package/styles/tailwind-dark-lite.css

@@ -144,6 +144,12 @@
   content: "\e75c";
 }
 
+@media print {
+  .e-treecell-child {
+    width: 10px;
+    display: inline-block;
+  }
+}
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
@@ -163,6 +169,22 @@
   text-align: center;
   vertical-align: unset;
 }
+.e-treegrid .e-treecolumn-container .e-treecell-icon {
+  width: 4px;
+  display: inline-block;
+}
+.e-treegrid .e-treecolumn-container .e-treecell-child {
+  width: 10px;
+  display: inline-block;
+}
+.e-treegrid .e-expand-iconstyle {
+  width: 16px;
+}
+.e-treegrid .e-print-layout {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+}
 .e-treegrid tr.e-childrow-hidden {
   display: none;
 }
@@ -280,6 +302,7 @@
   width: 0;
 }
 .e-treegrid .e-detailheadercell,
+.e-treegrid .e-detailcell-visible,
 .e-treegrid .e-headercontent .e-table .e-detail-intent,
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -288,6 +311,13 @@
 .e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
+.e-treegrid .e-table-cell::before {
+  content: none;
+  display: none;
+}
+.e-treegrid .e-table-cell {
+  display: table-cell;
+}
 .e-treegrid .e-icons.e-errorelem {
   padding-left: 10px;
   display: inline-block;

package/styles/tailwind-dark.css

@@ -144,6 +144,12 @@
   content: "\e75c";
 }
 
+@media print {
+  .e-treecell-child {
+    width: 10px;
+    display: inline-block;
+  }
+}
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
@@ -163,6 +169,22 @@
   text-align: center;
   vertical-align: unset;
 }
+.e-treegrid .e-treecolumn-container .e-treecell-icon {
+  width: 4px;
+  display: inline-block;
+}
+.e-treegrid .e-treecolumn-container .e-treecell-child {
+  width: 10px;
+  display: inline-block;
+}
+.e-treegrid .e-expand-iconstyle {
+  width: 16px;
+}
+.e-treegrid .e-print-layout {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+}
 .e-treegrid tr.e-childrow-hidden {
   display: none;
 }
@@ -280,6 +302,7 @@
   width: 0;
 }
 .e-treegrid .e-detailheadercell,
+.e-treegrid .e-detailcell-visible,
 .e-treegrid .e-headercontent .e-table .e-detail-intent,
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -288,6 +311,13 @@
 .e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
+.e-treegrid .e-table-cell::before {
+  content: none;
+  display: none;
+}
+.e-treegrid .e-table-cell {
+  display: table-cell;
+}
 .e-treegrid .e-icons.e-errorelem {
   padding-left: 10px;
   display: inline-block;

package/styles/tailwind-lite.css

@@ -144,6 +144,12 @@
   content: "\e75c";
 }
 
+@media print {
+  .e-treecell-child {
+    width: 10px;
+    display: inline-block;
+  }
+}
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
@@ -163,6 +169,22 @@
   text-align: center;
   vertical-align: unset;
 }
+.e-treegrid .e-treecolumn-container .e-treecell-icon {
+  width: 4px;
+  display: inline-block;
+}
+.e-treegrid .e-treecolumn-container .e-treecell-child {
+  width: 10px;
+  display: inline-block;
+}
+.e-treegrid .e-expand-iconstyle {
+  width: 16px;
+}
+.e-treegrid .e-print-layout {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+}
 .e-treegrid tr.e-childrow-hidden {
   display: none;
 }
@@ -280,6 +302,7 @@
   width: 0;
 }
 .e-treegrid .e-detailheadercell,
+.e-treegrid .e-detailcell-visible,
 .e-treegrid .e-headercontent .e-table .e-detail-intent,
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -288,6 +311,13 @@
 .e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
+.e-treegrid .e-table-cell::before {
+  content: none;
+  display: none;
+}
+.e-treegrid .e-table-cell {
+  display: table-cell;
+}
 .e-treegrid .e-icons.e-errorelem {
   padding-left: 10px;
   display: inline-block;

package/styles/tailwind.css

@@ -144,6 +144,12 @@
   content: "\e75c";
 }
 
+@media print {
+  .e-treecell-child {
+    width: 10px;
+    display: inline-block;
+  }
+}
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
@@ -163,6 +169,22 @@
   text-align: center;
   vertical-align: unset;
 }
+.e-treegrid .e-treecolumn-container .e-treecell-icon {
+  width: 4px;
+  display: inline-block;
+}
+.e-treegrid .e-treecolumn-container .e-treecell-child {
+  width: 10px;
+  display: inline-block;
+}
+.e-treegrid .e-expand-iconstyle {
+  width: 16px;
+}
+.e-treegrid .e-print-layout {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+}
 .e-treegrid tr.e-childrow-hidden {
   display: none;
 }
@@ -280,6 +302,7 @@
   width: 0;
 }
 .e-treegrid .e-detailheadercell,
+.e-treegrid .e-detailcell-visible,
 .e-treegrid .e-headercontent .e-table .e-detail-intent,
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -288,6 +311,13 @@
 .e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
+.e-treegrid .e-table-cell::before {
+  content: none;
+  display: none;
+}
+.e-treegrid .e-table-cell {
+  display: table-cell;
+}
 .e-treegrid .e-icons.e-errorelem {
   padding-left: 10px;
   display: inline-block;

package/styles/tailwind3-lite.css

@@ -187,6 +187,12 @@
   content: "\e748";
 }
 
+@media print {
+  .e-treecell-child {
+    width: 10px;
+    display: inline-block;
+  }
+}
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
@@ -206,6 +212,22 @@
   text-align: center;
   vertical-align: unset;
 }
+.e-treegrid .e-treecolumn-container .e-treecell-icon {
+  width: 4px;
+  display: inline-block;
+}
+.e-treegrid .e-treecolumn-container .e-treecell-child {
+  width: 10px;
+  display: inline-block;
+}
+.e-treegrid .e-expand-iconstyle {
+  width: 16px;
+}
+.e-treegrid .e-print-layout {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+}
 .e-treegrid tr.e-childrow-hidden {
   display: none;
 }
@@ -323,6 +345,7 @@
   width: 0;
 }
 .e-treegrid .e-detailheadercell,
+.e-treegrid .e-detailcell-visible,
 .e-treegrid .e-headercontent .e-table .e-detail-intent,
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -331,6 +354,13 @@
 .e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
+.e-treegrid .e-table-cell::before {
+  content: none;
+  display: none;
+}
+.e-treegrid .e-table-cell {
+  display: table-cell;
+}
 .e-treegrid .e-icons.e-errorelem {
   padding-left: 10px;
   display: inline-block;

package/styles/tailwind3.css

@@ -187,6 +187,12 @@
   content: "\e748";
 }
 
+@media print {
+  .e-treecell-child {
+    width: 10px;
+    display: inline-block;
+  }
+}
 .e-treegrid .e-icons.e-none::before {
   content: "";
 }
@@ -206,6 +212,22 @@
   text-align: center;
   vertical-align: unset;
 }
+.e-treegrid .e-treecolumn-container .e-treecell-icon {
+  width: 4px;
+  display: inline-block;
+}
+.e-treegrid .e-treecolumn-container .e-treecell-child {
+  width: 10px;
+  display: inline-block;
+}
+.e-treegrid .e-expand-iconstyle {
+  width: 16px;
+}
+.e-treegrid .e-print-layout {
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+}
 .e-treegrid tr.e-childrow-hidden {
   display: none;
 }
@@ -323,6 +345,7 @@
   width: 0;
 }
 .e-treegrid .e-detailheadercell,
+.e-treegrid .e-detailcell-visible,
 .e-treegrid .e-headercontent .e-table .e-detail-intent,
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
 .e-treegrid .e-table .e-detailrow .e-detailindentcell,
@@ -331,6 +354,13 @@
 .e-treegrid tr.e-detailrow.e-childrow-hidden {
   display: none;
 }
+.e-treegrid .e-table-cell::before {
+  content: none;
+  display: none;
+}
+.e-treegrid .e-table-cell {
+  display: table-cell;
+}
 .e-treegrid .e-icons.e-errorelem {
   padding-left: 10px;
   display: inline-block;

package/styles/treegrid/_bigger.scss

@@ -1,66 +1,66 @@
-@include export-module('tree-bigger') {
-  .e-bigger {
-    .e-treegrid {
-      .e-grid {
-
-        
-        .e-treegridexpand,
-        .e-treegridcollapse {
-          font-size: $treegrid-bigger-icon-font-size;
-          height: $treegrid-bigger-icon-size;
-          width: $treegrid-bigger-icon-size;
-          vertical-align: bottom;
-        }
-
-        .e-treegridexpand {
-          @if $skin-name =='highcontrast' {
-            vertical-align: middle;
-          }
-        }
-
-        .e-hierarchycheckbox {
-          padding-left: 2px;
-        }
-
-        .e-hierarchycheckbox .e-frame {
-          @if $skin-name =='bootstrap' or $skin-name =='boostrap-dark' or $skin-name =='fabric-dark' or $skin-name =='fabric' or $skin-name =='highcontrast' or $skin-name =='FluentUI' or $theme-name =='fluentui-dark' {
-            font-size: 12px;
-            line-height: 12px;
-            padding: 2px 0;
-          }
-          height: $treegrid-frame-bigger-icon-height;
-          width: $treegrid-frame-bigger-icon-width;
-        }
-
-        .e-treecell {
-          line-height: $treegrid-bigger-icon-size;
-        }
-
-        .e-treecolumn-container span {
-          vertical-align: middle;
-        }
-
-        .e-row[aria-expanded = 'true'] .e-treecell {
-          @if $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
-            font-size: 16px;
-            font-weight: bold;
-          }
-        }
-
-        .e-gridcontent .e-rowcell {
-          @if $skin-name =='fluent2' or $skin-name =='fluent2-dark' {
-            line-height: 19px;
-          }
-        }
-
-        .e-gridheader {
-          .e-headercell .e-css.e-hierarchycheckbox {
-            @if $skin-name =='fluent2' or $skin-name =='fluent2-dark' {
-              bottom: 12px;
-            }
-          }
-        }
-      }
-    }
-  }
-}
+@include export-module('tree-bigger') {
+  .e-bigger {
+    .e-treegrid {
+      .e-grid {
+
+        
+        .e-treegridexpand,
+        .e-treegridcollapse {
+          font-size: $treegrid-bigger-icon-font-size;
+          height: $treegrid-bigger-icon-size;
+          width: $treegrid-bigger-icon-size;
+          vertical-align: bottom;
+        }
+
+        .e-treegridexpand {
+          @if $skin-name =='highcontrast' {
+            vertical-align: middle;
+          }
+        }
+
+        .e-hierarchycheckbox {
+          padding-left: 2px;
+        }
+
+        .e-hierarchycheckbox .e-frame {
+          @if $skin-name =='bootstrap' or $skin-name =='boostrap-dark' or $skin-name =='fabric-dark' or $skin-name =='fabric' or $skin-name =='highcontrast' or $skin-name =='FluentUI' or $theme-name =='fluentui-dark' {
+            font-size: 12px;
+            line-height: 12px;
+            padding: 2px 0;
+          }
+          height: $treegrid-frame-bigger-icon-height;
+          width: $treegrid-frame-bigger-icon-width;
+        }
+
+        .e-treecell {
+          line-height: $treegrid-bigger-icon-size;
+        }
+
+        .e-treecolumn-container span {
+          vertical-align: middle;
+        }
+
+        .e-row[aria-expanded = 'true'] .e-treecell {
+          @if $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
+            font-size: 16px;
+            font-weight: bold;
+          }
+        }
+
+        // .e-gridcontent .e-rowcell {
+        //   @if $skin-name =='fluent2' or $skin-name =='fluent2-dark' {
+        //     line-height: 19px;
+        //   }
+        // }
+
+        .e-gridheader {
+          .e-headercell .e-css.e-hierarchycheckbox {
+            @if $skin-name =='fluent2' or $skin-name =='fluent2-dark' {
+              bottom: 12px;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/styles/treegrid/_layout.scss

@@ -31,6 +31,13 @@
 }
 @include export-module('tree-layout') {
 
+  @media print {
+    .e-treecell-child {
+      width: 10px;
+      display: inline-block;
+    }
+  }
+
   .e-treegrid {
     .e-icons.e-none::before {
       content: '';
@@ -72,6 +79,28 @@
       }
     }
 
+    .e-treecolumn-container{
+      .e-treecell-icon {
+        width: 4px;
+        display: inline-block;
+      }
+
+      .e-treecell-child{
+        width: 10px;
+        display: inline-block;
+      }
+    }
+
+    .e-expand-iconstyle{
+      width: 16px;
+    }
+    
+    .e-print-layout{
+      position: absolute;
+      top: -9999px;
+      left: -9999px;
+    }
+    
     tr.e-childrow-hidden{
       display: none;
     }
@@ -258,6 +287,7 @@
     }
 
     .e-detailheadercell,
+    .e-detailcell-visible,
     .e-headercontent .e-table .e-detail-intent,
     .e-gridcontent .e-table .e-detail-intent,
     .e-table .e-detailrow .e-detailindentcell,
@@ -267,6 +297,15 @@
       display: none;
     }
 
+    .e-table-cell::before {
+      content: none;
+      display: none;
+    }
+
+    .e-table-cell {
+      display: table-cell;
+    }
+
     .e-icons.e-errorelem {
       padding-left: 10px;
       @include display-align;