@syncfusion/ej2-angular-grids 23.1.43 → 23.1.44

package/styles/grid/material.css

@@ -1346,9 +1346,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1362,12 +1361,6 @@
   transform: rotate(180deg);
   margin-top: 16px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 16px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 16px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -1820,7 +1813,7 @@
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2298,7 +2291,7 @@
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -2379,7 +2372,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;
@@ -3178,7 +3171,7 @@
   margin-right: 6px;
   padding-top: 0;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3193,7 +3186,7 @@
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3542,6 +3535,13 @@
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/grid/material3-dark.css

@@ -1516,9 +1516,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 40px;
+  padding: 0 8px 0;
+  height: auto;
   border-bottom-width: 0 4px 0 4px;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1532,12 +1531,6 @@
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 8px 8px 8px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 8px 0 8px 8px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 5px;
 }
@@ -2002,7 +1995,7 @@
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2489,7 +2482,7 @@
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -3406,7 +3399,7 @@
   margin-right: -7px;
   padding-top: 6px;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3421,7 +3414,7 @@
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3770,6 +3763,13 @@
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/grid/material3.css

@@ -1572,9 +1572,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 40px;
+  padding: 0 8px 0;
+  height: auto;
   border-bottom-width: 0 4px 0 4px;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1588,12 +1587,6 @@
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 8px 8px 8px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 8px 0 8px 8px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 5px;
 }
@@ -2058,7 +2051,7 @@
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2545,7 +2538,7 @@
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -3462,7 +3455,7 @@
   margin-right: -7px;
   padding-top: 6px;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3477,7 +3470,7 @@
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3826,6 +3819,13 @@
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/grid/tailwind-dark.css

@@ -1348,9 +1348,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1364,12 +1363,6 @@
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 12px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 12px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -1826,7 +1819,7 @@
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2321,7 +2314,7 @@
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -3212,7 +3205,7 @@
   margin-right: -8px;
   padding-top: 4px;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3227,7 +3220,7 @@
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3576,6 +3569,13 @@
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/grid/tailwind.css

@@ -1348,9 +1348,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1364,12 +1363,6 @@
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 12px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 12px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -1826,7 +1819,7 @@
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2321,7 +2314,7 @@
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -3212,7 +3205,7 @@
   margin-right: -8px;
   padding-top: 4px;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3227,7 +3220,7 @@
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3576,6 +3569,13 @@
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/highcontrast-light.css

@@ -1693,9 +1693,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 58px;
+  padding: 0 16px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1709,12 +1708,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 20px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 16px 16px 16px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 16px 0 16px 16px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 13px;
 }
@@ -2167,7 +2160,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2645,7 +2638,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -2726,7 +2719,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;
@@ -3525,7 +3518,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: 6px;
   padding-top: 0;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3540,7 +3533,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3889,6 +3882,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/highcontrast.css

@@ -1693,9 +1693,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 58px;
+  padding: 0 16px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1709,12 +1708,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 21px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 16px 16px 16px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 16px 0 16px 16px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 14px;
 }
@@ -2167,7 +2160,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2645,7 +2638,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -2726,7 +2719,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;
@@ -3525,7 +3518,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: 6px;
   padding-top: 0;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3540,7 +3533,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3889,6 +3882,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/material-dark.css

@@ -1742,9 +1742,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1758,12 +1757,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 16px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 16px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 16px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -2216,7 +2209,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2694,7 +2687,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -2775,7 +2768,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;
@@ -3574,7 +3567,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: 6px;
   padding-top: 0;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3589,7 +3582,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3938,6 +3931,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {