@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/grid/bootstrap5-dark.css CHANGED
@@ -1231,6 +1231,11 @@
1231
1231
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1232
1232
  border-bottom-width: 1px;
1233
1233
  }
1234
+ .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,
1235
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1236
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1237
+ border-bottom-width: 0;
1238
+ }
1234
1239
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1235
1240
  position: relative;
1236
1241
  left: -5px;
@@ -1827,7 +1832,7 @@
1827
1832
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1828
1833
  border-left-width: 0;
1829
1834
  }
1830
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1835
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
1831
1836
  border-width: 0 0 0 1px;
1832
1837
  }
1833
1838
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2305,7 +2310,7 @@
2305
2310
  border-left-style: solid;
2306
2311
  border-left-width: 1px;
2307
2312
  }
2308
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2313
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2309
2314
  border-bottom-style: solid;
2310
2315
  border-bottom-width: 1px;
2311
2316
  border-left-style: solid;
@@ -3185,7 +3190,7 @@
3185
3190
  margin-right: -9px;
3186
3191
  padding-top: 2px;
3187
3192
  }
3188
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3193
+ .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 {
3189
3194
  border-width: 0 0 0 1px;
3190
3195
  }
3191
3196
  .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 {
@@ -3200,7 +3205,7 @@
3200
3205
  border-left: 1px solid;
3201
3206
  border-right: 0;
3202
3207
  }
3203
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3208
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3204
3209
  border-bottom-style: solid;
3205
3210
  border-bottom-width: 1px;
3206
3211
  }
@@ -3508,7 +3513,7 @@
3508
3513
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3509
3514
  text-align: left;
3510
3515
  }
3511
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3516
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3512
3517
  border-width: 0 0 0 1px;
3513
3518
  }
3514
3519
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3528,7 +3533,7 @@
3528
3533
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3529
3534
  border-right-width: 1px;
3530
3535
  }
3531
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3536
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3532
3537
  border-width: 0 1px 0 0;
3533
3538
  }
3534
3539
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3549,6 +3554,27 @@
3549
3554
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3550
3555
  border-right: 0;
3551
3556
  }
3557
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3558
+ border-bottom-style: solid;
3559
+ border-bottom-width: 1px;
3560
+ }
3561
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3562
+ border-width: 0 0 0 1px;
3563
+ }
3564
+ .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) {
3565
+ border-left: 0;
3566
+ border-right: 0;
3567
+ border-top: 0;
3568
+ }
3569
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3570
+ border-width: 0 0 0 1px;
3571
+ }
3572
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3573
+ border-bottom-style: solid;
3574
+ border-bottom-width: 1px;
3575
+ border-left-style: solid;
3576
+ border-left-width: 1px;
3577
+ }
3552
3578
  .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"]),
3553
3579
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3554
3580
  .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/bootstrap5.css CHANGED
@@ -1231,6 +1231,11 @@
1231
1231
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1232
1232
  border-bottom-width: 1px;
1233
1233
  }
1234
+ .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,
1235
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1236
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1237
+ border-bottom-width: 0;
1238
+ }
1234
1239
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1235
1240
  position: relative;
1236
1241
  left: -5px;
@@ -1827,7 +1832,7 @@
1827
1832
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1828
1833
  border-left-width: 0;
1829
1834
  }
1830
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1835
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
1831
1836
  border-width: 0 0 0 1px;
1832
1837
  }
1833
1838
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2305,7 +2310,7 @@
2305
2310
  border-left-style: solid;
2306
2311
  border-left-width: 1px;
2307
2312
  }
2308
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2313
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2309
2314
  border-bottom-style: solid;
2310
2315
  border-bottom-width: 1px;
2311
2316
  border-left-style: solid;
@@ -3185,7 +3190,7 @@
3185
3190
  margin-right: -9px;
3186
3191
  padding-top: 2px;
3187
3192
  }
3188
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3193
+ .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 {
3189
3194
  border-width: 0 0 0 1px;
3190
3195
  }
3191
3196
  .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 {
@@ -3200,7 +3205,7 @@
3200
3205
  border-left: 1px solid;
3201
3206
  border-right: 0;
3202
3207
  }
3203
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3208
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3204
3209
  border-bottom-style: solid;
3205
3210
  border-bottom-width: 1px;
3206
3211
  }
@@ -3508,7 +3513,7 @@
3508
3513
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3509
3514
  text-align: left;
3510
3515
  }
3511
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3516
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3512
3517
  border-width: 0 0 0 1px;
3513
3518
  }
3514
3519
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3528,7 +3533,7 @@
3528
3533
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3529
3534
  border-right-width: 1px;
3530
3535
  }
3531
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3536
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3532
3537
  border-width: 0 1px 0 0;
3533
3538
  }
3534
3539
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3549,6 +3554,27 @@
3549
3554
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3550
3555
  border-right: 0;
3551
3556
  }
3557
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3558
+ border-bottom-style: solid;
3559
+ border-bottom-width: 1px;
3560
+ }
3561
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3562
+ border-width: 0 0 0 1px;
3563
+ }
3564
+ .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) {
3565
+ border-left: 0;
3566
+ border-right: 0;
3567
+ border-top: 0;
3568
+ }
3569
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3570
+ border-width: 0 0 0 1px;
3571
+ }
3572
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3573
+ border-bottom-style: solid;
3574
+ border-bottom-width: 1px;
3575
+ border-left-style: solid;
3576
+ border-left-width: 1px;
3577
+ }
3552
3578
  .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"]),
3553
3579
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3554
3580
  .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/fabric-dark.css CHANGED
@@ -1146,6 +1146,11 @@
1146
1146
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1147
1147
  border-bottom-width: 1px;
1148
1148
  }
1149
+ .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,
1150
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1151
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1152
+ border-bottom-width: 0;
1153
+ }
1149
1154
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1150
1155
  position: relative;
1151
1156
  left: -5px;
@@ -1739,7 +1744,7 @@
1739
1744
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1740
1745
  border-left-width: 0;
1741
1746
  }
1742
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1747
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
1743
1748
  border-width: 0 0 0 1px;
1744
1749
  }
1745
1750
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2217,7 +2222,7 @@
2217
2222
  border-left-style: solid;
2218
2223
  border-left-width: 1px;
2219
2224
  }
2220
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2225
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2221
2226
  border-bottom-style: solid;
2222
2227
  border-bottom-width: 1px;
2223
2228
  border-left-style: solid;
@@ -3097,7 +3102,7 @@
3097
3102
  margin-right: 6px;
3098
3103
  padding-top: 0;
3099
3104
  }
3100
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3105
+ .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 {
3101
3106
  border-width: 0 0 0 1px;
3102
3107
  }
3103
3108
  .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 {
@@ -3112,7 +3117,7 @@
3112
3117
  border-left: 1px solid;
3113
3118
  border-right: 0;
3114
3119
  }
3115
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3120
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3116
3121
  border-bottom-style: solid;
3117
3122
  border-bottom-width: 1px;
3118
3123
  }
@@ -3420,7 +3425,7 @@
3420
3425
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3421
3426
  text-align: left;
3422
3427
  }
3423
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3428
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3424
3429
  border-width: 0 0 0 1px;
3425
3430
  }
3426
3431
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3440,7 +3445,7 @@
3440
3445
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3441
3446
  border-right-width: 1px;
3442
3447
  }
3443
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3448
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3444
3449
  border-width: 0 1px 0 0;
3445
3450
  }
3446
3451
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3461,6 +3466,27 @@
3461
3466
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3462
3467
  border-right: 0;
3463
3468
  }
3469
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3470
+ border-bottom-style: solid;
3471
+ border-bottom-width: 1px;
3472
+ }
3473
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3474
+ border-width: 0 0 0 1px;
3475
+ }
3476
+ .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) {
3477
+ border-left: 0;
3478
+ border-right: 0;
3479
+ border-top: 0;
3480
+ }
3481
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3482
+ border-width: 0 0 0 1px;
3483
+ }
3484
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3485
+ border-bottom-style: solid;
3486
+ border-bottom-width: 1px;
3487
+ border-left-style: solid;
3488
+ border-left-width: 1px;
3489
+ }
3464
3490
  .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"]),
3465
3491
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3466
3492
  .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/fabric.css CHANGED
@@ -1139,6 +1139,11 @@
1139
1139
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1140
1140
  border-bottom-width: 1px;
1141
1141
  }
1142
+ .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,
1143
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1144
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1145
+ border-bottom-width: 0;
1146
+ }
1142
1147
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1143
1148
  position: relative;
1144
1149
  left: -5px;
@@ -1732,7 +1737,7 @@
1732
1737
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1733
1738
  border-left-width: 0;
1734
1739
  }
1735
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1740
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
1736
1741
  border-width: 0 0 0 1px;
1737
1742
  }
1738
1743
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2210,7 +2215,7 @@
2210
2215
  border-left-style: solid;
2211
2216
  border-left-width: 1px;
2212
2217
  }
2213
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2218
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2214
2219
  border-bottom-style: solid;
2215
2220
  border-bottom-width: 1px;
2216
2221
  border-left-style: solid;
@@ -3090,7 +3095,7 @@
3090
3095
  margin-right: 6px;
3091
3096
  padding-top: 0;
3092
3097
  }
3093
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3098
+ .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 {
3094
3099
  border-width: 0 0 0 1px;
3095
3100
  }
3096
3101
  .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 {
@@ -3105,7 +3110,7 @@
3105
3110
  border-left: 1px solid;
3106
3111
  border-right: 0;
3107
3112
  }
3108
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3113
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3109
3114
  border-bottom-style: solid;
3110
3115
  border-bottom-width: 1px;
3111
3116
  }
@@ -3413,7 +3418,7 @@
3413
3418
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3414
3419
  text-align: left;
3415
3420
  }
3416
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3421
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3417
3422
  border-width: 0 0 0 1px;
3418
3423
  }
3419
3424
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3433,7 +3438,7 @@
3433
3438
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3434
3439
  border-right-width: 1px;
3435
3440
  }
3436
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3441
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3437
3442
  border-width: 0 1px 0 0;
3438
3443
  }
3439
3444
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3454,6 +3459,27 @@
3454
3459
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3455
3460
  border-right: 0;
3456
3461
  }
3462
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3463
+ border-bottom-style: solid;
3464
+ border-bottom-width: 1px;
3465
+ }
3466
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3467
+ border-width: 0 0 0 1px;
3468
+ }
3469
+ .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) {
3470
+ border-left: 0;
3471
+ border-right: 0;
3472
+ border-top: 0;
3473
+ }
3474
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3475
+ border-width: 0 0 0 1px;
3476
+ }
3477
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3478
+ border-bottom-style: solid;
3479
+ border-bottom-width: 1px;
3480
+ border-left-style: solid;
3481
+ border-left-width: 1px;
3482
+ }
3457
3483
  .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"]),
3458
3484
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3459
3485
  .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/fluent-dark.css CHANGED
@@ -1231,6 +1231,11 @@
1231
1231
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1232
1232
  border-bottom-width: 1px;
1233
1233
  }
1234
+ .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,
1235
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1236
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1237
+ border-bottom-width: 0;
1238
+ }
1234
1239
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1235
1240
  position: relative;
1236
1241
  left: -5px;
@@ -1827,7 +1832,7 @@
1827
1832
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1828
1833
  border-left-width: 0;
1829
1834
  }
1830
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1835
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
1831
1836
  border-width: 0 0 0 1px;
1832
1837
  }
1833
1838
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2310,7 +2315,7 @@
2310
2315
  border-left-style: solid;
2311
2316
  border-left-width: 1px;
2312
2317
  }
2313
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2318
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2314
2319
  border-bottom-style: solid;
2315
2320
  border-bottom-width: 1px;
2316
2321
  border-left-style: solid;
@@ -3194,7 +3199,7 @@
3194
3199
  margin-right: -11px;
3195
3200
  padding-top: 8px;
3196
3201
  }
3197
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3202
+ .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 {
3198
3203
  border-width: 0 0 0 1px;
3199
3204
  }
3200
3205
  .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 {
@@ -3209,7 +3214,7 @@
3209
3214
  border-left: 1px solid;
3210
3215
  border-right: 0;
3211
3216
  }
3212
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3217
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3213
3218
  border-bottom-style: solid;
3214
3219
  border-bottom-width: 1px;
3215
3220
  }
@@ -3517,7 +3522,7 @@
3517
3522
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3518
3523
  text-align: left;
3519
3524
  }
3520
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3525
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3521
3526
  border-width: 0 0 0 1px;
3522
3527
  }
3523
3528
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3537,7 +3542,7 @@
3537
3542
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3538
3543
  border-right-width: 1px;
3539
3544
  }
3540
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3545
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3541
3546
  border-width: 0 1px 0 0;
3542
3547
  }
3543
3548
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3558,6 +3563,27 @@
3558
3563
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3559
3564
  border-right: 0;
3560
3565
  }
3566
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3567
+ border-bottom-style: solid;
3568
+ border-bottom-width: 1px;
3569
+ }
3570
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3571
+ border-width: 0 0 0 1px;
3572
+ }
3573
+ .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) {
3574
+ border-left: 0;
3575
+ border-right: 0;
3576
+ border-top: 0;
3577
+ }
3578
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3579
+ border-width: 0 0 0 1px;
3580
+ }
3581
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3582
+ border-bottom-style: solid;
3583
+ border-bottom-width: 1px;
3584
+ border-left-style: solid;
3585
+ border-left-width: 1px;
3586
+ }
3561
3587
  .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"]),
3562
3588
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3563
3589
  .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/fluent.css CHANGED
@@ -1231,6 +1231,11 @@
1231
1231
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1232
1232
  border-bottom-width: 1px;
1233
1233
  }
1234
+ .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,
1235
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1236
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1237
+ border-bottom-width: 0;
1238
+ }
1234
1239
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1235
1240
  position: relative;
1236
1241
  left: -5px;
@@ -1827,7 +1832,7 @@
1827
1832
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1828
1833
  border-left-width: 0;
1829
1834
  }
1830
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1835
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
1831
1836
  border-width: 0 0 0 1px;
1832
1837
  }
1833
1838
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2310,7 +2315,7 @@
2310
2315
  border-left-style: solid;
2311
2316
  border-left-width: 1px;
2312
2317
  }
2313
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2318
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2314
2319
  border-bottom-style: solid;
2315
2320
  border-bottom-width: 1px;
2316
2321
  border-left-style: solid;
@@ -3194,7 +3199,7 @@
3194
3199
  margin-right: -11px;
3195
3200
  padding-top: 8px;
3196
3201
  }
3197
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3202
+ .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 {
3198
3203
  border-width: 0 0 0 1px;
3199
3204
  }
3200
3205
  .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 {
@@ -3209,7 +3214,7 @@
3209
3214
  border-left: 1px solid;
3210
3215
  border-right: 0;
3211
3216
  }
3212
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3217
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3213
3218
  border-bottom-style: solid;
3214
3219
  border-bottom-width: 1px;
3215
3220
  }
@@ -3517,7 +3522,7 @@
3517
3522
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3518
3523
  text-align: left;
3519
3524
  }
3520
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3525
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3521
3526
  border-width: 0 0 0 1px;
3522
3527
  }
3523
3528
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3537,7 +3542,7 @@
3537
3542
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3538
3543
  border-right-width: 1px;
3539
3544
  }
3540
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3545
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3541
3546
  border-width: 0 1px 0 0;
3542
3547
  }
3543
3548
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3558,6 +3563,27 @@
3558
3563
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3559
3564
  border-right: 0;
3560
3565
  }
3566
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3567
+ border-bottom-style: solid;
3568
+ border-bottom-width: 1px;
3569
+ }
3570
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3571
+ border-width: 0 0 0 1px;
3572
+ }
3573
+ .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) {
3574
+ border-left: 0;
3575
+ border-right: 0;
3576
+ border-top: 0;
3577
+ }
3578
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3579
+ border-width: 0 0 0 1px;
3580
+ }
3581
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3582
+ border-bottom-style: solid;
3583
+ border-bottom-width: 1px;
3584
+ border-left-style: solid;
3585
+ border-left-width: 1px;
3586
+ }
3561
3587
  .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"]),
3562
3588
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3563
3589
  .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/highcontrast-light.css CHANGED
@@ -1143,6 +1143,11 @@
1143
1143
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1144
1144
  border-bottom-width: 1px;
1145
1145
  }
1146
+ .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,
1147
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1148
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1149
+ border-bottom-width: 0;
1150
+ }
1146
1151
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1147
1152
  position: relative;
1148
1153
  left: -5px;
@@ -1736,7 +1741,7 @@
1736
1741
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1737
1742
  border-left-width: 0;
1738
1743
  }
1739
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1744
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
1740
1745
  border-width: 0 0 0 1px;
1741
1746
  }
1742
1747
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2214,7 +2219,7 @@
2214
2219
  border-left-style: solid;
2215
2220
  border-left-width: 1px;
2216
2221
  }
2217
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2222
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2218
2223
  border-bottom-style: solid;
2219
2224
  border-bottom-width: 1px;
2220
2225
  border-left-style: solid;
@@ -3094,7 +3099,7 @@
3094
3099
  margin-right: 6px;
3095
3100
  padding-top: 0;
3096
3101
  }
3097
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3102
+ .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 {
3098
3103
  border-width: 0 0 0 1px;
3099
3104
  }
3100
3105
  .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 {
@@ -3109,7 +3114,7 @@
3109
3114
  border-left: 1px solid;
3110
3115
  border-right: 0;
3111
3116
  }
3112
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3117
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3113
3118
  border-bottom-style: solid;
3114
3119
  border-bottom-width: 1px;
3115
3120
  }
@@ -3417,7 +3422,7 @@
3417
3422
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3418
3423
  text-align: left;
3419
3424
  }
3420
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3425
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3421
3426
  border-width: 0 0 0 1px;
3422
3427
  }
3423
3428
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3437,7 +3442,7 @@
3437
3442
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3438
3443
  border-right-width: 1px;
3439
3444
  }
3440
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3445
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3441
3446
  border-width: 0 1px 0 0;
3442
3447
  }
3443
3448
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3458,6 +3463,27 @@
3458
3463
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3459
3464
  border-right: 0;
3460
3465
  }
3466
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3467
+ border-bottom-style: solid;
3468
+ border-bottom-width: 1px;
3469
+ }
3470
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3471
+ border-width: 0 0 0 1px;
3472
+ }
3473
+ .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) {
3474
+ border-left: 0;
3475
+ border-right: 0;
3476
+ border-top: 0;
3477
+ }
3478
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3479
+ border-width: 0 0 0 1px;
3480
+ }
3481
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3482
+ border-bottom-style: solid;
3483
+ border-bottom-width: 1px;
3484
+ border-left-style: solid;
3485
+ border-left-width: 1px;
3486
+ }
3461
3487
  .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"]),
3462
3488
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3463
3489
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {