@syncfusion/ej2-angular-grids 23.1.43 → 23.1.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/package.json +4 -4
  2. package/schematics/utils/lib-details.d.ts +2 -2
  3. package/schematics/utils/lib-details.js +2 -2
  4. package/schematics/utils/lib-details.ts +2 -2
  5. package/styles/bootstrap-dark.css +13 -13
  6. package/styles/bootstrap.css +13 -13
  7. package/styles/bootstrap4.css +13 -13
  8. package/styles/bootstrap5-dark.css +13 -13
  9. package/styles/bootstrap5.css +13 -13
  10. package/styles/fabric-dark.css +14 -14
  11. package/styles/fabric.css +14 -14
  12. package/styles/fluent-dark.css +13 -13
  13. package/styles/fluent.css +13 -13
  14. package/styles/grid/_bootstrap-dark-definition.scss +1 -1
  15. package/styles/grid/_bootstrap-definition.scss +1 -1
  16. package/styles/grid/_bootstrap4-definition.scss +1 -1
  17. package/styles/grid/_bootstrap5-definition.scss +1 -1
  18. package/styles/grid/_fabric-dark-definition.scss +2 -2
  19. package/styles/grid/_fabric-definition.scss +2 -2
  20. package/styles/grid/_fluent-definition.scss +1 -1
  21. package/styles/grid/_fusionnew-definition.scss +1 -1
  22. package/styles/grid/_highcontrast-definition.scss +2 -2
  23. package/styles/grid/_highcontrast-light-definition.scss +2 -2
  24. package/styles/grid/_layout.scss +19 -18
  25. package/styles/grid/_material-dark-definition.scss +2 -2
  26. package/styles/grid/_material-definition.scss +2 -2
  27. package/styles/grid/_material3-definition.scss +1 -1
  28. package/styles/grid/_tailwind-definition.scss +1 -1
  29. package/styles/grid/bootstrap-dark.css +13 -13
  30. package/styles/grid/bootstrap.css +13 -13
  31. package/styles/grid/bootstrap4.css +13 -13
  32. package/styles/grid/bootstrap5-dark.css +13 -13
  33. package/styles/grid/bootstrap5.css +13 -13
  34. package/styles/grid/fabric-dark.css +14 -14
  35. package/styles/grid/fabric.css +14 -14
  36. package/styles/grid/fluent-dark.css +13 -13
  37. package/styles/grid/fluent.css +13 -13
  38. package/styles/grid/highcontrast-light.css +14 -14
  39. package/styles/grid/highcontrast.css +14 -14
  40. package/styles/grid/material-dark.css +14 -14
  41. package/styles/grid/material.css +14 -14
  42. package/styles/grid/material3-dark.css +13 -13
  43. package/styles/grid/material3.css +13 -13
  44. package/styles/grid/tailwind-dark.css +13 -13
  45. package/styles/grid/tailwind.css +13 -13
  46. package/styles/highcontrast-light.css +14 -14
  47. package/styles/highcontrast.css +14 -14
  48. package/styles/material-dark.css +14 -14
  49. package/styles/material.css +14 -14
  50. package/styles/material3-dark.css +13 -13
  51. package/styles/material3.css +13 -13
  52. package/styles/tailwind-dark.css +13 -13
  53. package/styles/tailwind.css +13 -13
@@ -1784,9 +1784,8 @@ li.e-separator.e-menu-item.e-excel-separator {
1784
1784
  display: none;
1785
1785
  }
1786
1786
  .e-grid .e-groupdroparea.e-group-animate.e-grouped {
1787
- overflow: hidden;
1788
- padding: 0;
1789
- height: 48px;
1787
+ padding: 0 12px 0;
1788
+ height: auto;
1790
1789
  border-bottom-width: 0;
1791
1790
  }
1792
1791
  .e-grid.e-rtl .e-group-animator {
@@ -1800,12 +1799,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1800
1799
  transform: rotate(180deg);
1801
1800
  margin-top: 16px;
1802
1801
  }
1803
- .e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
1804
- margin: 12px 16px 12px 0;
1805
- }
1806
- .e-grid .e-group-animator:first-child .e-groupheadercell {
1807
- margin: 12px 0 12px 16px;
1808
- }
1809
1802
  .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
1810
1803
  margin-top: 9px;
1811
1804
  }
@@ -2258,7 +2251,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2258
2251
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
2259
2252
  border-left-width: 0;
2260
2253
  }
2261
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2254
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2262
2255
  border-width: 0 0 0 1px;
2263
2256
  }
2264
2257
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2736,7 +2729,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2736
2729
  border-left-style: solid;
2737
2730
  border-left-width: 1px;
2738
2731
  }
2739
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2732
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2740
2733
  border-bottom-style: solid;
2741
2734
  border-bottom-width: 1px;
2742
2735
  border-left-style: solid;
@@ -2817,7 +2810,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2817
2810
  overflow: hidden;
2818
2811
  text-overflow: ellipsis;
2819
2812
  white-space: nowrap;
2820
- width: 57px;
2813
+ width: auto;
2821
2814
  }
2822
2815
  .e-grid .e-grid-icon {
2823
2816
  float: left;
@@ -3616,7 +3609,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3616
3609
  margin-right: 6px;
3617
3610
  padding-top: 0;
3618
3611
  }
3619
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3612
+ .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 {
3620
3613
  border-width: 0 0 0 1px;
3621
3614
  }
3622
3615
  .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 {
@@ -3631,7 +3624,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3631
3624
  border-left: 1px solid;
3632
3625
  border-right: 0;
3633
3626
  }
3634
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3627
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3635
3628
  border-bottom-style: solid;
3636
3629
  border-bottom-width: 1px;
3637
3630
  }
@@ -3980,6 +3973,13 @@ li.e-separator.e-menu-item.e-excel-separator {
3980
3973
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3981
3974
  border-right: 0;
3982
3975
  }
3976
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3977
+ border-bottom-style: solid;
3978
+ border-bottom-width: 1px;
3979
+ }
3980
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3981
+ border-width: 0 0 0 1px;
3982
+ }
3983
3983
  .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"]),
3984
3984
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3985
3985
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
@@ -1991,9 +1991,8 @@ li.e-separator.e-menu-item.e-excel-separator {
1991
1991
  display: none;
1992
1992
  }
1993
1993
  .e-grid .e-groupdroparea.e-group-animate.e-grouped {
1994
- overflow: hidden;
1995
- padding: 0;
1996
- height: 40px;
1994
+ padding: 0 8px 0;
1995
+ height: auto;
1997
1996
  border-bottom-width: 0 4px 0 4px;
1998
1997
  }
1999
1998
  .e-grid.e-rtl .e-group-animator {
@@ -2007,12 +2006,6 @@ li.e-separator.e-menu-item.e-excel-separator {
2007
2006
  transform: rotate(180deg);
2008
2007
  margin-top: 15px;
2009
2008
  }
2010
- .e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
2011
- margin: 8px 8px 8px 0;
2012
- }
2013
- .e-grid .e-group-animator:first-child .e-groupheadercell {
2014
- margin: 8px 0 8px 8px;
2015
- }
2016
2009
  .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
2017
2010
  margin-top: 5px;
2018
2011
  }
@@ -2477,7 +2470,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2477
2470
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
2478
2471
  border-left-width: 0;
2479
2472
  }
2480
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2473
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2481
2474
  border-width: 0 0 0 1px;
2482
2475
  }
2483
2476
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2964,7 +2957,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2964
2957
  border-left-style: solid;
2965
2958
  border-left-width: 1px;
2966
2959
  }
2967
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2960
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2968
2961
  border-bottom-style: solid;
2969
2962
  border-bottom-width: 1px;
2970
2963
  border-left-style: solid;
@@ -3881,7 +3874,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3881
3874
  margin-right: -7px;
3882
3875
  padding-top: 6px;
3883
3876
  }
3884
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3877
+ .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 {
3885
3878
  border-width: 0 0 0 1px;
3886
3879
  }
3887
3880
  .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 {
@@ -3896,7 +3889,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3896
3889
  border-left: 1px solid;
3897
3890
  border-right: 0;
3898
3891
  }
3899
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3892
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3900
3893
  border-bottom-style: solid;
3901
3894
  border-bottom-width: 1px;
3902
3895
  }
@@ -4245,6 +4238,13 @@ li.e-separator.e-menu-item.e-excel-separator {
4245
4238
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
4246
4239
  border-right: 0;
4247
4240
  }
4241
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
4242
+ border-bottom-style: solid;
4243
+ border-bottom-width: 1px;
4244
+ }
4245
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
4246
+ border-width: 0 0 0 1px;
4247
+ }
4248
4248
  .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"]),
4249
4249
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
4250
4250
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
@@ -2047,9 +2047,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2047
2047
  display: none;
2048
2048
  }
2049
2049
  .e-grid .e-groupdroparea.e-group-animate.e-grouped {
2050
- overflow: hidden;
2051
- padding: 0;
2052
- height: 40px;
2050
+ padding: 0 8px 0;
2051
+ height: auto;
2053
2052
  border-bottom-width: 0 4px 0 4px;
2054
2053
  }
2055
2054
  .e-grid.e-rtl .e-group-animator {
@@ -2063,12 +2062,6 @@ li.e-separator.e-menu-item.e-excel-separator {
2063
2062
  transform: rotate(180deg);
2064
2063
  margin-top: 15px;
2065
2064
  }
2066
- .e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
2067
- margin: 8px 8px 8px 0;
2068
- }
2069
- .e-grid .e-group-animator:first-child .e-groupheadercell {
2070
- margin: 8px 0 8px 8px;
2071
- }
2072
2065
  .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
2073
2066
  margin-top: 5px;
2074
2067
  }
@@ -2533,7 +2526,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2533
2526
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
2534
2527
  border-left-width: 0;
2535
2528
  }
2536
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2529
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2537
2530
  border-width: 0 0 0 1px;
2538
2531
  }
2539
2532
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -3020,7 +3013,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3020
3013
  border-left-style: solid;
3021
3014
  border-left-width: 1px;
3022
3015
  }
3023
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3016
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3024
3017
  border-bottom-style: solid;
3025
3018
  border-bottom-width: 1px;
3026
3019
  border-left-style: solid;
@@ -3937,7 +3930,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3937
3930
  margin-right: -7px;
3938
3931
  padding-top: 6px;
3939
3932
  }
3940
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3933
+ .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 {
3941
3934
  border-width: 0 0 0 1px;
3942
3935
  }
3943
3936
  .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 {
@@ -3952,7 +3945,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3952
3945
  border-left: 1px solid;
3953
3946
  border-right: 0;
3954
3947
  }
3955
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3948
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3956
3949
  border-bottom-style: solid;
3957
3950
  border-bottom-width: 1px;
3958
3951
  }
@@ -4301,6 +4294,13 @@ li.e-separator.e-menu-item.e-excel-separator {
4301
4294
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
4302
4295
  border-right: 0;
4303
4296
  }
4297
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
4298
+ border-bottom-style: solid;
4299
+ border-bottom-width: 1px;
4300
+ }
4301
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
4302
+ border-width: 0 0 0 1px;
4303
+ }
4304
4304
  .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"]),
4305
4305
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
4306
4306
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
@@ -1775,9 +1775,8 @@ li.e-separator.e-menu-item.e-excel-separator {
1775
1775
  display: none;
1776
1776
  }
1777
1777
  .e-grid .e-groupdroparea.e-group-animate.e-grouped {
1778
- overflow: hidden;
1779
- padding: 0;
1780
- height: 48px;
1778
+ padding: 0 12px 0;
1779
+ height: auto;
1781
1780
  border-bottom-width: 0;
1782
1781
  }
1783
1782
  .e-grid.e-rtl .e-group-animator {
@@ -1791,12 +1790,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1791
1790
  transform: rotate(180deg);
1792
1791
  margin-top: 15px;
1793
1792
  }
1794
- .e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
1795
- margin: 12px 12px 12px 0;
1796
- }
1797
- .e-grid .e-group-animator:first-child .e-groupheadercell {
1798
- margin: 12px 0 12px 12px;
1799
- }
1800
1793
  .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
1801
1794
  margin-top: 9px;
1802
1795
  }
@@ -2253,7 +2246,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2253
2246
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
2254
2247
  border-left-width: 0;
2255
2248
  }
2256
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2249
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2257
2250
  border-width: 0 0 0 1px;
2258
2251
  }
2259
2252
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2748,7 +2741,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2748
2741
  border-left-style: solid;
2749
2742
  border-left-width: 1px;
2750
2743
  }
2751
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2744
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2752
2745
  border-bottom-style: solid;
2753
2746
  border-bottom-width: 1px;
2754
2747
  border-left-style: solid;
@@ -3639,7 +3632,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3639
3632
  margin-right: -8px;
3640
3633
  padding-top: 4px;
3641
3634
  }
3642
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3635
+ .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 {
3643
3636
  border-width: 0 0 0 1px;
3644
3637
  }
3645
3638
  .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 {
@@ -3654,7 +3647,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3654
3647
  border-left: 1px solid;
3655
3648
  border-right: 0;
3656
3649
  }
3657
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3650
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3658
3651
  border-bottom-style: solid;
3659
3652
  border-bottom-width: 1px;
3660
3653
  }
@@ -4003,6 +3996,13 @@ li.e-separator.e-menu-item.e-excel-separator {
4003
3996
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
4004
3997
  border-right: 0;
4005
3998
  }
3999
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
4000
+ border-bottom-style: solid;
4001
+ border-bottom-width: 1px;
4002
+ }
4003
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
4004
+ border-width: 0 0 0 1px;
4005
+ }
4006
4006
  .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"]),
4007
4007
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
4008
4008
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
@@ -1775,9 +1775,8 @@ li.e-separator.e-menu-item.e-excel-separator {
1775
1775
  display: none;
1776
1776
  }
1777
1777
  .e-grid .e-groupdroparea.e-group-animate.e-grouped {
1778
- overflow: hidden;
1779
- padding: 0;
1780
- height: 48px;
1778
+ padding: 0 12px 0;
1779
+ height: auto;
1781
1780
  border-bottom-width: 0;
1782
1781
  }
1783
1782
  .e-grid.e-rtl .e-group-animator {
@@ -1791,12 +1790,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1791
1790
  transform: rotate(180deg);
1792
1791
  margin-top: 15px;
1793
1792
  }
1794
- .e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
1795
- margin: 12px 12px 12px 0;
1796
- }
1797
- .e-grid .e-group-animator:first-child .e-groupheadercell {
1798
- margin: 12px 0 12px 12px;
1799
- }
1800
1793
  .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
1801
1794
  margin-top: 9px;
1802
1795
  }
@@ -2253,7 +2246,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2253
2246
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
2254
2247
  border-left-width: 0;
2255
2248
  }
2256
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2249
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2257
2250
  border-width: 0 0 0 1px;
2258
2251
  }
2259
2252
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2748,7 +2741,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2748
2741
  border-left-style: solid;
2749
2742
  border-left-width: 1px;
2750
2743
  }
2751
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2744
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2752
2745
  border-bottom-style: solid;
2753
2746
  border-bottom-width: 1px;
2754
2747
  border-left-style: solid;
@@ -3639,7 +3632,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3639
3632
  margin-right: -8px;
3640
3633
  padding-top: 4px;
3641
3634
  }
3642
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3635
+ .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 {
3643
3636
  border-width: 0 0 0 1px;
3644
3637
  }
3645
3638
  .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 {
@@ -3654,7 +3647,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3654
3647
  border-left: 1px solid;
3655
3648
  border-right: 0;
3656
3649
  }
3657
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3650
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3658
3651
  border-bottom-style: solid;
3659
3652
  border-bottom-width: 1px;
3660
3653
  }
@@ -4003,6 +3996,13 @@ li.e-separator.e-menu-item.e-excel-separator {
4003
3996
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
4004
3997
  border-right: 0;
4005
3998
  }
3999
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
4000
+ border-bottom-style: solid;
4001
+ border-bottom-width: 1px;
4002
+ }
4003
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
4004
+ border-width: 0 0 0 1px;
4005
+ }
4006
4006
  .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"]),
4007
4007
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
4008
4008
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {