@syncfusion/ej2-react-grids 23.1.43 → 23.2.4

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 (40) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/ej2-react-grids.min.js +1 -1
  3. package/dist/ej2-react-grids.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/src/grid/grid.component.d.ts +2 -2
  6. package/src/pager/pager.component.d.ts +2 -2
  7. package/styles/bootstrap-dark.css +32 -6
  8. package/styles/bootstrap.css +32 -6
  9. package/styles/bootstrap4.css +32 -6
  10. package/styles/bootstrap5-dark.css +32 -6
  11. package/styles/bootstrap5.css +32 -6
  12. package/styles/fabric-dark.css +32 -6
  13. package/styles/fabric.css +32 -6
  14. package/styles/fluent-dark.css +32 -6
  15. package/styles/fluent.css +32 -6
  16. package/styles/grid/bootstrap-dark.css +32 -6
  17. package/styles/grid/bootstrap.css +32 -6
  18. package/styles/grid/bootstrap4.css +32 -6
  19. package/styles/grid/bootstrap5-dark.css +32 -6
  20. package/styles/grid/bootstrap5.css +32 -6
  21. package/styles/grid/fabric-dark.css +32 -6
  22. package/styles/grid/fabric.css +32 -6
  23. package/styles/grid/fluent-dark.css +32 -6
  24. package/styles/grid/fluent.css +32 -6
  25. package/styles/grid/highcontrast-light.css +32 -6
  26. package/styles/grid/highcontrast.css +32 -6
  27. package/styles/grid/material-dark.css +32 -6
  28. package/styles/grid/material.css +32 -6
  29. package/styles/grid/material3-dark.css +32 -6
  30. package/styles/grid/material3.css +32 -6
  31. package/styles/grid/tailwind-dark.css +32 -6
  32. package/styles/grid/tailwind.css +32 -6
  33. package/styles/highcontrast-light.css +32 -6
  34. package/styles/highcontrast.css +32 -6
  35. package/styles/material-dark.css +32 -6
  36. package/styles/material.css +32 -6
  37. package/styles/material3-dark.css +32 -6
  38. package/styles/material3.css +32 -6
  39. package/styles/tailwind-dark.css +32 -6
  40. package/styles/tailwind.css +32 -6
package/styles/fabric-dark.css CHANGED
@@ -1570,6 +1570,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1570
1570
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1571
1571
  border-bottom-width: 1px;
1572
1572
  }
1573
+ .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
1574
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1575
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1576
+ border-bottom-width: 0;
1577
+ }
1573
1578
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1574
1579
  position: relative;
1575
1580
  left: -5px;
@@ -2163,7 +2168,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2163
2168
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
2164
2169
  border-left-width: 0;
2165
2170
  }
2166
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2171
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2167
2172
  border-width: 0 0 0 1px;
2168
2173
  }
2169
2174
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2641,7 +2646,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2641
2646
  border-left-style: solid;
2642
2647
  border-left-width: 1px;
2643
2648
  }
2644
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2649
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2645
2650
  border-bottom-style: solid;
2646
2651
  border-bottom-width: 1px;
2647
2652
  border-left-style: solid;
@@ -3521,7 +3526,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3521
3526
  margin-right: 6px;
3522
3527
  padding-top: 0;
3523
3528
  }
3524
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3529
+ .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 {
3525
3530
  border-width: 0 0 0 1px;
3526
3531
  }
3527
3532
  .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 {
@@ -3536,7 +3541,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3536
3541
  border-left: 1px solid;
3537
3542
  border-right: 0;
3538
3543
  }
3539
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3544
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3540
3545
  border-bottom-style: solid;
3541
3546
  border-bottom-width: 1px;
3542
3547
  }
@@ -3844,7 +3849,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3844
3849
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3845
3850
  text-align: left;
3846
3851
  }
3847
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3852
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3848
3853
  border-width: 0 0 0 1px;
3849
3854
  }
3850
3855
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3864,7 +3869,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3864
3869
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3865
3870
  border-right-width: 1px;
3866
3871
  }
3867
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3872
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3868
3873
  border-width: 0 1px 0 0;
3869
3874
  }
3870
3875
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3885,6 +3890,27 @@ li.e-separator.e-menu-item.e-excel-separator {
3885
3890
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3886
3891
  border-right: 0;
3887
3892
  }
3893
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3894
+ border-bottom-style: solid;
3895
+ border-bottom-width: 1px;
3896
+ }
3897
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3898
+ border-width: 0 0 0 1px;
3899
+ }
3900
+ .e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
3901
+ border-left: 0;
3902
+ border-right: 0;
3903
+ border-top: 0;
3904
+ }
3905
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3906
+ border-width: 0 0 0 1px;
3907
+ }
3908
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3909
+ border-bottom-style: solid;
3910
+ border-bottom-width: 1px;
3911
+ border-left-style: solid;
3912
+ border-left-width: 1px;
3913
+ }
3888
3914
  .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"]),
3889
3915
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3890
3916
  .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/fabric.css CHANGED
@@ -1563,6 +1563,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1563
1563
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1564
1564
  border-bottom-width: 1px;
1565
1565
  }
1566
+ .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
1567
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1568
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1569
+ border-bottom-width: 0;
1570
+ }
1566
1571
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1567
1572
  position: relative;
1568
1573
  left: -5px;
@@ -2156,7 +2161,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2156
2161
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
2157
2162
  border-left-width: 0;
2158
2163
  }
2159
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2164
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2160
2165
  border-width: 0 0 0 1px;
2161
2166
  }
2162
2167
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2634,7 +2639,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2634
2639
  border-left-style: solid;
2635
2640
  border-left-width: 1px;
2636
2641
  }
2637
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2642
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2638
2643
  border-bottom-style: solid;
2639
2644
  border-bottom-width: 1px;
2640
2645
  border-left-style: solid;
@@ -3514,7 +3519,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3514
3519
  margin-right: 6px;
3515
3520
  padding-top: 0;
3516
3521
  }
3517
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3522
+ .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 {
3518
3523
  border-width: 0 0 0 1px;
3519
3524
  }
3520
3525
  .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 {
@@ -3529,7 +3534,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3529
3534
  border-left: 1px solid;
3530
3535
  border-right: 0;
3531
3536
  }
3532
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3537
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3533
3538
  border-bottom-style: solid;
3534
3539
  border-bottom-width: 1px;
3535
3540
  }
@@ -3837,7 +3842,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3837
3842
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3838
3843
  text-align: left;
3839
3844
  }
3840
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3845
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3841
3846
  border-width: 0 0 0 1px;
3842
3847
  }
3843
3848
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3857,7 +3862,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3857
3862
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3858
3863
  border-right-width: 1px;
3859
3864
  }
3860
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3865
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3861
3866
  border-width: 0 1px 0 0;
3862
3867
  }
3863
3868
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3878,6 +3883,27 @@ li.e-separator.e-menu-item.e-excel-separator {
3878
3883
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3879
3884
  border-right: 0;
3880
3885
  }
3886
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3887
+ border-bottom-style: solid;
3888
+ border-bottom-width: 1px;
3889
+ }
3890
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3891
+ border-width: 0 0 0 1px;
3892
+ }
3893
+ .e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
3894
+ border-left: 0;
3895
+ border-right: 0;
3896
+ border-top: 0;
3897
+ }
3898
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3899
+ border-width: 0 0 0 1px;
3900
+ }
3901
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3902
+ border-bottom-style: solid;
3903
+ border-bottom-width: 1px;
3904
+ border-left-style: solid;
3905
+ border-left-width: 1px;
3906
+ }
3881
3907
  .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"]),
3882
3908
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3883
3909
  .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/fluent-dark.css CHANGED
@@ -1658,6 +1658,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1658
1658
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1659
1659
  border-bottom-width: 1px;
1660
1660
  }
1661
+ .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
1662
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1663
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1664
+ border-bottom-width: 0;
1665
+ }
1661
1666
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1662
1667
  position: relative;
1663
1668
  left: -5px;
@@ -2254,7 +2259,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2254
2259
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
2255
2260
  border-left-width: 0;
2256
2261
  }
2257
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2262
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2258
2263
  border-width: 0 0 0 1px;
2259
2264
  }
2260
2265
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2737,7 +2742,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2737
2742
  border-left-style: solid;
2738
2743
  border-left-width: 1px;
2739
2744
  }
2740
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2745
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2741
2746
  border-bottom-style: solid;
2742
2747
  border-bottom-width: 1px;
2743
2748
  border-left-style: solid;
@@ -3621,7 +3626,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3621
3626
  margin-right: -11px;
3622
3627
  padding-top: 8px;
3623
3628
  }
3624
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3629
+ .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 {
3625
3630
  border-width: 0 0 0 1px;
3626
3631
  }
3627
3632
  .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 {
@@ -3636,7 +3641,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3636
3641
  border-left: 1px solid;
3637
3642
  border-right: 0;
3638
3643
  }
3639
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3644
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3640
3645
  border-bottom-style: solid;
3641
3646
  border-bottom-width: 1px;
3642
3647
  }
@@ -3944,7 +3949,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3944
3949
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3945
3950
  text-align: left;
3946
3951
  }
3947
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3952
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3948
3953
  border-width: 0 0 0 1px;
3949
3954
  }
3950
3955
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3964,7 +3969,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3964
3969
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3965
3970
  border-right-width: 1px;
3966
3971
  }
3967
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3972
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3968
3973
  border-width: 0 1px 0 0;
3969
3974
  }
3970
3975
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3985,6 +3990,27 @@ li.e-separator.e-menu-item.e-excel-separator {
3985
3990
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3986
3991
  border-right: 0;
3987
3992
  }
3993
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3994
+ border-bottom-style: solid;
3995
+ border-bottom-width: 1px;
3996
+ }
3997
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3998
+ border-width: 0 0 0 1px;
3999
+ }
4000
+ .e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
4001
+ border-left: 0;
4002
+ border-right: 0;
4003
+ border-top: 0;
4004
+ }
4005
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
4006
+ border-width: 0 0 0 1px;
4007
+ }
4008
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
4009
+ border-bottom-style: solid;
4010
+ border-bottom-width: 1px;
4011
+ border-left-style: solid;
4012
+ border-left-width: 1px;
4013
+ }
3988
4014
  .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"]),
3989
4015
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3990
4016
  .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/fluent.css CHANGED
@@ -1658,6 +1658,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1658
1658
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1659
1659
  border-bottom-width: 1px;
1660
1660
  }
1661
+ .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
1662
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1663
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1664
+ border-bottom-width: 0;
1665
+ }
1661
1666
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1662
1667
  position: relative;
1663
1668
  left: -5px;
@@ -2254,7 +2259,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2254
2259
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
2255
2260
  border-left-width: 0;
2256
2261
  }
2257
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2262
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2258
2263
  border-width: 0 0 0 1px;
2259
2264
  }
2260
2265
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2737,7 +2742,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2737
2742
  border-left-style: solid;
2738
2743
  border-left-width: 1px;
2739
2744
  }
2740
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2745
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2741
2746
  border-bottom-style: solid;
2742
2747
  border-bottom-width: 1px;
2743
2748
  border-left-style: solid;
@@ -3621,7 +3626,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3621
3626
  margin-right: -11px;
3622
3627
  padding-top: 8px;
3623
3628
  }
3624
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3629
+ .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 {
3625
3630
  border-width: 0 0 0 1px;
3626
3631
  }
3627
3632
  .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 {
@@ -3636,7 +3641,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3636
3641
  border-left: 1px solid;
3637
3642
  border-right: 0;
3638
3643
  }
3639
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3644
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3640
3645
  border-bottom-style: solid;
3641
3646
  border-bottom-width: 1px;
3642
3647
  }
@@ -3944,7 +3949,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3944
3949
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3945
3950
  text-align: left;
3946
3951
  }
3947
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3952
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3948
3953
  border-width: 0 0 0 1px;
3949
3954
  }
3950
3955
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3964,7 +3969,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3964
3969
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3965
3970
  border-right-width: 1px;
3966
3971
  }
3967
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3972
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3968
3973
  border-width: 0 1px 0 0;
3969
3974
  }
3970
3975
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3985,6 +3990,27 @@ li.e-separator.e-menu-item.e-excel-separator {
3985
3990
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3986
3991
  border-right: 0;
3987
3992
  }
3993
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3994
+ border-bottom-style: solid;
3995
+ border-bottom-width: 1px;
3996
+ }
3997
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3998
+ border-width: 0 0 0 1px;
3999
+ }
4000
+ .e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
4001
+ border-left: 0;
4002
+ border-right: 0;
4003
+ border-top: 0;
4004
+ }
4005
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
4006
+ border-width: 0 0 0 1px;
4007
+ }
4008
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
4009
+ border-bottom-style: solid;
4010
+ border-bottom-width: 1px;
4011
+ border-left-style: solid;
4012
+ border-left-width: 1px;
4013
+ }
3988
4014
  .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"]),
3989
4015
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3990
4016
  .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/bootstrap-dark.css CHANGED
@@ -1172,6 +1172,11 @@
1172
1172
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1173
1173
  border-bottom-width: 1px;
1174
1174
  }
1175
+ .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
1176
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1177
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1178
+ border-bottom-width: 0;
1179
+ }
1175
1180
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1176
1181
  position: relative;
1177
1182
  left: -5px;
@@ -1765,7 +1770,7 @@
1765
1770
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1766
1771
  border-left-width: 0;
1767
1772
  }
1768
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1773
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
1769
1774
  border-width: 0 0 0 1px;
1770
1775
  }
1771
1776
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2243,7 +2248,7 @@
2243
2248
  border-left-style: solid;
2244
2249
  border-left-width: 1px;
2245
2250
  }
2246
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2251
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2247
2252
  border-bottom-style: solid;
2248
2253
  border-bottom-width: 1px;
2249
2254
  border-left-style: solid;
@@ -3123,7 +3128,7 @@
3123
3128
  margin-right: -8px;
3124
3129
  padding-top: 4px;
3125
3130
  }
3126
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3131
+ .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 {
3127
3132
  border-width: 0 0 0 1px;
3128
3133
  }
3129
3134
  .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 {
@@ -3138,7 +3143,7 @@
3138
3143
  border-left: 1px solid;
3139
3144
  border-right: 0;
3140
3145
  }
3141
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3146
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3142
3147
  border-bottom-style: solid;
3143
3148
  border-bottom-width: 1px;
3144
3149
  }
@@ -3446,7 +3451,7 @@
3446
3451
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3447
3452
  text-align: left;
3448
3453
  }
3449
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3454
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3450
3455
  border-width: 0 0 0 1px;
3451
3456
  }
3452
3457
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3466,7 +3471,7 @@
3466
3471
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3467
3472
  border-right-width: 1px;
3468
3473
  }
3469
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3474
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3470
3475
  border-width: 0 1px 0 0;
3471
3476
  }
3472
3477
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3487,6 +3492,27 @@
3487
3492
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3488
3493
  border-right: 0;
3489
3494
  }
3495
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3496
+ border-bottom-style: solid;
3497
+ border-bottom-width: 1px;
3498
+ }
3499
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3500
+ border-width: 0 0 0 1px;
3501
+ }
3502
+ .e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
3503
+ border-left: 0;
3504
+ border-right: 0;
3505
+ border-top: 0;
3506
+ }
3507
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3508
+ border-width: 0 0 0 1px;
3509
+ }
3510
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3511
+ border-bottom-style: solid;
3512
+ border-bottom-width: 1px;
3513
+ border-left-style: solid;
3514
+ border-left-width: 1px;
3515
+ }
3490
3516
  .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"]),
3491
3517
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3492
3518
  .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/bootstrap.css CHANGED
@@ -1173,6 +1173,11 @@
1173
1173
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1174
1174
  border-bottom-width: 1px;
1175
1175
  }
1176
+ .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
1177
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1178
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1179
+ border-bottom-width: 0;
1180
+ }
1176
1181
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1177
1182
  position: relative;
1178
1183
  left: -5px;
@@ -1766,7 +1771,7 @@
1766
1771
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1767
1772
  border-left-width: 0;
1768
1773
  }
1769
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1774
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
1770
1775
  border-width: 0 0 0 1px;
1771
1776
  }
1772
1777
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2244,7 +2249,7 @@
2244
2249
  border-left-style: solid;
2245
2250
  border-left-width: 1px;
2246
2251
  }
2247
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2252
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2248
2253
  border-bottom-style: solid;
2249
2254
  border-bottom-width: 1px;
2250
2255
  border-left-style: solid;
@@ -3124,7 +3129,7 @@
3124
3129
  margin-right: -8px;
3125
3130
  padding-top: 4px;
3126
3131
  }
3127
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3132
+ .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 {
3128
3133
  border-width: 0 0 0 1px;
3129
3134
  }
3130
3135
  .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 {
@@ -3139,7 +3144,7 @@
3139
3144
  border-left: 1px solid;
3140
3145
  border-right: 0;
3141
3146
  }
3142
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3147
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3143
3148
  border-bottom-style: solid;
3144
3149
  border-bottom-width: 1px;
3145
3150
  }
@@ -3447,7 +3452,7 @@
3447
3452
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3448
3453
  text-align: left;
3449
3454
  }
3450
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3455
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3451
3456
  border-width: 0 0 0 1px;
3452
3457
  }
3453
3458
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3467,7 +3472,7 @@
3467
3472
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3468
3473
  border-right-width: 1px;
3469
3474
  }
3470
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3475
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3471
3476
  border-width: 0 1px 0 0;
3472
3477
  }
3473
3478
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3488,6 +3493,27 @@
3488
3493
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3489
3494
  border-right: 0;
3490
3495
  }
3496
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3497
+ border-bottom-style: solid;
3498
+ border-bottom-width: 1px;
3499
+ }
3500
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3501
+ border-width: 0 0 0 1px;
3502
+ }
3503
+ .e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
3504
+ border-left: 0;
3505
+ border-right: 0;
3506
+ border-top: 0;
3507
+ }
3508
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3509
+ border-width: 0 0 0 1px;
3510
+ }
3511
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3512
+ border-bottom-style: solid;
3513
+ border-bottom-width: 1px;
3514
+ border-left-style: solid;
3515
+ border-left-width: 1px;
3516
+ }
3491
3517
  .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"]),
3492
3518
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3493
3519
  .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/bootstrap4.css CHANGED
@@ -1229,6 +1229,11 @@
1229
1229
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1230
1230
  border-bottom-width: 1px;
1231
1231
  }
1232
+ .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
1233
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1234
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1235
+ border-bottom-width: 0;
1236
+ }
1232
1237
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1233
1238
  position: relative;
1234
1239
  left: -5px;
@@ -1825,7 +1830,7 @@
1825
1830
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1826
1831
  border-left-width: 0;
1827
1832
  }
1828
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1833
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
1829
1834
  border-width: 0 0 0 1px;
1830
1835
  }
1831
1836
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2303,7 +2308,7 @@
2303
2308
  border-left-style: solid;
2304
2309
  border-left-width: 1px;
2305
2310
  }
2306
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2311
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2307
2312
  border-bottom-style: solid;
2308
2313
  border-bottom-width: 1px;
2309
2314
  border-left-style: solid;
@@ -3186,7 +3191,7 @@
3186
3191
  margin-right: -10px;
3187
3192
  padding-top: 4px;
3188
3193
  }
3189
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3194
+ .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 {
3190
3195
  border-width: 0 0 0 1px;
3191
3196
  }
3192
3197
  .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 {
@@ -3201,7 +3206,7 @@
3201
3206
  border-left: 1px solid;
3202
3207
  border-right: 0;
3203
3208
  }
3204
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3209
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3205
3210
  border-bottom-style: solid;
3206
3211
  border-bottom-width: 1px;
3207
3212
  }
@@ -3509,7 +3514,7 @@
3509
3514
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3510
3515
  text-align: left;
3511
3516
  }
3512
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3517
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3513
3518
  border-width: 0 0 0 1px;
3514
3519
  }
3515
3520
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3529,7 +3534,7 @@
3529
3534
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3530
3535
  border-right-width: 1px;
3531
3536
  }
3532
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3537
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3533
3538
  border-width: 0 1px 0 0;
3534
3539
  }
3535
3540
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3550,6 +3555,27 @@
3550
3555
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3551
3556
  border-right: 0;
3552
3557
  }
3558
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3559
+ border-bottom-style: solid;
3560
+ border-bottom-width: 1px;
3561
+ }
3562
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3563
+ border-width: 0 0 0 1px;
3564
+ }
3565
+ .e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
3566
+ border-left: 0;
3567
+ border-right: 0;
3568
+ border-top: 0;
3569
+ }
3570
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3571
+ border-width: 0 0 0 1px;
3572
+ }
3573
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3574
+ border-bottom-style: solid;
3575
+ border-bottom-width: 1px;
3576
+ border-left-style: solid;
3577
+ border-left-width: 1px;
3578
+ }
3553
3579
  .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"]),
3554
3580
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3555
3581
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {