@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/highcontrast.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"]) {
package/styles/grid/material-dark.css CHANGED
@@ -1186,6 +1186,11 @@
1186
1186
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1187
1187
  border-bottom-width: 1px;
1188
1188
  }
1189
+ .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,
1190
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1191
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1192
+ border-bottom-width: 0;
1193
+ }
1189
1194
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1190
1195
  position: relative;
1191
1196
  left: -5px;
@@ -1779,7 +1784,7 @@
1779
1784
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1780
1785
  border-left-width: 0;
1781
1786
  }
1782
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1787
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
1783
1788
  border-width: 0 0 0 1px;
1784
1789
  }
1785
1790
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2257,7 +2262,7 @@
2257
2262
  border-left-style: solid;
2258
2263
  border-left-width: 1px;
2259
2264
  }
2260
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2265
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2261
2266
  border-bottom-style: solid;
2262
2267
  border-bottom-width: 1px;
2263
2268
  border-left-style: solid;
@@ -3137,7 +3142,7 @@
3137
3142
  margin-right: 6px;
3138
3143
  padding-top: 0;
3139
3144
  }
3140
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3145
+ .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 {
3141
3146
  border-width: 0 0 0 1px;
3142
3147
  }
3143
3148
  .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 {
@@ -3152,7 +3157,7 @@
3152
3157
  border-left: 1px solid;
3153
3158
  border-right: 0;
3154
3159
  }
3155
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3160
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3156
3161
  border-bottom-style: solid;
3157
3162
  border-bottom-width: 1px;
3158
3163
  }
@@ -3460,7 +3465,7 @@
3460
3465
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3461
3466
  text-align: left;
3462
3467
  }
3463
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3468
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3464
3469
  border-width: 0 0 0 1px;
3465
3470
  }
3466
3471
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3480,7 +3485,7 @@
3480
3485
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3481
3486
  border-right-width: 1px;
3482
3487
  }
3483
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3488
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3484
3489
  border-width: 0 1px 0 0;
3485
3490
  }
3486
3491
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3501,6 +3506,27 @@
3501
3506
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3502
3507
  border-right: 0;
3503
3508
  }
3509
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3510
+ border-bottom-style: solid;
3511
+ border-bottom-width: 1px;
3512
+ }
3513
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3514
+ border-width: 0 0 0 1px;
3515
+ }
3516
+ .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) {
3517
+ border-left: 0;
3518
+ border-right: 0;
3519
+ border-top: 0;
3520
+ }
3521
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3522
+ border-width: 0 0 0 1px;
3523
+ }
3524
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3525
+ border-bottom-style: solid;
3526
+ border-bottom-width: 1px;
3527
+ border-left-style: solid;
3528
+ border-left-width: 1px;
3529
+ }
3504
3530
  .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"]),
3505
3531
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3506
3532
  .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/material.css CHANGED
@@ -1220,6 +1220,11 @@
1220
1220
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1221
1221
  border-bottom-width: 1px;
1222
1222
  }
1223
+ .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,
1224
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1225
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1226
+ border-bottom-width: 0;
1227
+ }
1223
1228
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1224
1229
  position: relative;
1225
1230
  left: -5px;
@@ -1813,7 +1818,7 @@
1813
1818
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1814
1819
  border-left-width: 0;
1815
1820
  }
1816
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1821
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
1817
1822
  border-width: 0 0 0 1px;
1818
1823
  }
1819
1824
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2291,7 +2296,7 @@
2291
2296
  border-left-style: solid;
2292
2297
  border-left-width: 1px;
2293
2298
  }
2294
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2299
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2295
2300
  border-bottom-style: solid;
2296
2301
  border-bottom-width: 1px;
2297
2302
  border-left-style: solid;
@@ -3171,7 +3176,7 @@
3171
3176
  margin-right: 6px;
3172
3177
  padding-top: 0;
3173
3178
  }
3174
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3179
+ .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 {
3175
3180
  border-width: 0 0 0 1px;
3176
3181
  }
3177
3182
  .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 {
@@ -3186,7 +3191,7 @@
3186
3191
  border-left: 1px solid;
3187
3192
  border-right: 0;
3188
3193
  }
3189
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3194
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3190
3195
  border-bottom-style: solid;
3191
3196
  border-bottom-width: 1px;
3192
3197
  }
@@ -3494,7 +3499,7 @@
3494
3499
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3495
3500
  text-align: left;
3496
3501
  }
3497
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3502
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3498
3503
  border-width: 0 0 0 1px;
3499
3504
  }
3500
3505
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3514,7 +3519,7 @@
3514
3519
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3515
3520
  border-right-width: 1px;
3516
3521
  }
3517
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3522
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3518
3523
  border-width: 0 1px 0 0;
3519
3524
  }
3520
3525
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3535,6 +3540,27 @@
3535
3540
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3536
3541
  border-right: 0;
3537
3542
  }
3543
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3544
+ border-bottom-style: solid;
3545
+ border-bottom-width: 1px;
3546
+ }
3547
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3548
+ border-width: 0 0 0 1px;
3549
+ }
3550
+ .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) {
3551
+ border-left: 0;
3552
+ border-right: 0;
3553
+ border-top: 0;
3554
+ }
3555
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3556
+ border-width: 0 0 0 1px;
3557
+ }
3558
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3559
+ border-bottom-style: solid;
3560
+ border-bottom-width: 1px;
3561
+ border-left-style: solid;
3562
+ border-left-width: 1px;
3563
+ }
3538
3564
  .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"]),
3539
3565
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3540
3566
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
package/styles/grid/material3-dark.css CHANGED
@@ -1387,6 +1387,11 @@
1387
1387
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1388
1388
  border-bottom-width: 1px;
1389
1389
  }
1390
+ .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,
1391
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1392
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1393
+ border-bottom-width: 0;
1394
+ }
1390
1395
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1391
1396
  position: relative;
1392
1397
  left: -5px;
@@ -1995,7 +2000,7 @@
1995
2000
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1996
2001
  border-left-width: 0;
1997
2002
  }
1998
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2003
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
1999
2004
  border-width: 0 0 0 1px;
2000
2005
  }
2001
2006
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2482,7 +2487,7 @@
2482
2487
  border-left-style: solid;
2483
2488
  border-left-width: 1px;
2484
2489
  }
2485
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2490
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2486
2491
  border-bottom-style: solid;
2487
2492
  border-bottom-width: 1px;
2488
2493
  border-left-style: solid;
@@ -3399,7 +3404,7 @@
3399
3404
  margin-right: -7px;
3400
3405
  padding-top: 6px;
3401
3406
  }
3402
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3407
+ .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 {
3403
3408
  border-width: 0 0 0 1px;
3404
3409
  }
3405
3410
  .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 {
@@ -3414,7 +3419,7 @@
3414
3419
  border-left: 1px solid;
3415
3420
  border-right: 0;
3416
3421
  }
3417
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3422
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3418
3423
  border-bottom-style: solid;
3419
3424
  border-bottom-width: 1px;
3420
3425
  }
@@ -3722,7 +3727,7 @@
3722
3727
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3723
3728
  text-align: left;
3724
3729
  }
3725
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3730
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3726
3731
  border-width: 0 0 0 1px;
3727
3732
  }
3728
3733
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3742,7 +3747,7 @@
3742
3747
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3743
3748
  border-right-width: 1px;
3744
3749
  }
3745
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3750
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3746
3751
  border-width: 0 1px 0 0;
3747
3752
  }
3748
3753
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3763,6 +3768,27 @@
3763
3768
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3764
3769
  border-right: 0;
3765
3770
  }
3771
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3772
+ border-bottom-style: solid;
3773
+ border-bottom-width: 1px;
3774
+ }
3775
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3776
+ border-width: 0 0 0 1px;
3777
+ }
3778
+ .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) {
3779
+ border-left: 0;
3780
+ border-right: 0;
3781
+ border-top: 0;
3782
+ }
3783
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3784
+ border-width: 0 0 0 1px;
3785
+ }
3786
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3787
+ border-bottom-style: solid;
3788
+ border-bottom-width: 1px;
3789
+ border-left-style: solid;
3790
+ border-left-width: 1px;
3791
+ }
3766
3792
  .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"]),
3767
3793
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3768
3794
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
package/styles/grid/material3.css CHANGED
@@ -1443,6 +1443,11 @@
1443
1443
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1444
1444
  border-bottom-width: 1px;
1445
1445
  }
1446
+ .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,
1447
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1448
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1449
+ border-bottom-width: 0;
1450
+ }
1446
1451
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1447
1452
  position: relative;
1448
1453
  left: -5px;
@@ -2051,7 +2056,7 @@
2051
2056
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
2052
2057
  border-left-width: 0;
2053
2058
  }
2054
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2059
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
2055
2060
  border-width: 0 0 0 1px;
2056
2061
  }
2057
2062
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2538,7 +2543,7 @@
2538
2543
  border-left-style: solid;
2539
2544
  border-left-width: 1px;
2540
2545
  }
2541
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2546
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2542
2547
  border-bottom-style: solid;
2543
2548
  border-bottom-width: 1px;
2544
2549
  border-left-style: solid;
@@ -3455,7 +3460,7 @@
3455
3460
  margin-right: -7px;
3456
3461
  padding-top: 6px;
3457
3462
  }
3458
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3463
+ .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 {
3459
3464
  border-width: 0 0 0 1px;
3460
3465
  }
3461
3466
  .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 {
@@ -3470,7 +3475,7 @@
3470
3475
  border-left: 1px solid;
3471
3476
  border-right: 0;
3472
3477
  }
3473
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3478
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3474
3479
  border-bottom-style: solid;
3475
3480
  border-bottom-width: 1px;
3476
3481
  }
@@ -3778,7 +3783,7 @@
3778
3783
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3779
3784
  text-align: left;
3780
3785
  }
3781
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3786
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3782
3787
  border-width: 0 0 0 1px;
3783
3788
  }
3784
3789
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3798,7 +3803,7 @@
3798
3803
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3799
3804
  border-right-width: 1px;
3800
3805
  }
3801
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3806
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3802
3807
  border-width: 0 1px 0 0;
3803
3808
  }
3804
3809
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3819,6 +3824,27 @@
3819
3824
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3820
3825
  border-right: 0;
3821
3826
  }
3827
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3828
+ border-bottom-style: solid;
3829
+ border-bottom-width: 1px;
3830
+ }
3831
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3832
+ border-width: 0 0 0 1px;
3833
+ }
3834
+ .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) {
3835
+ border-left: 0;
3836
+ border-right: 0;
3837
+ border-top: 0;
3838
+ }
3839
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3840
+ border-width: 0 0 0 1px;
3841
+ }
3842
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3843
+ border-bottom-style: solid;
3844
+ border-bottom-width: 1px;
3845
+ border-left-style: solid;
3846
+ border-left-width: 1px;
3847
+ }
3822
3848
  .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"]),
3823
3849
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3824
3850
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
package/styles/grid/tailwind-dark.css CHANGED
@@ -1222,6 +1222,11 @@
1222
1222
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1223
1223
  border-bottom-width: 1px;
1224
1224
  }
1225
+ .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,
1226
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1227
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1228
+ border-bottom-width: 0;
1229
+ }
1225
1230
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1226
1231
  position: relative;
1227
1232
  left: -5px;
@@ -1819,7 +1824,7 @@
1819
1824
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1820
1825
  border-left-width: 0;
1821
1826
  }
1822
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1827
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
1823
1828
  border-width: 0 0 0 1px;
1824
1829
  }
1825
1830
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2314,7 +2319,7 @@
2314
2319
  border-left-style: solid;
2315
2320
  border-left-width: 1px;
2316
2321
  }
2317
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2322
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2318
2323
  border-bottom-style: solid;
2319
2324
  border-bottom-width: 1px;
2320
2325
  border-left-style: solid;
@@ -3205,7 +3210,7 @@
3205
3210
  margin-right: -8px;
3206
3211
  padding-top: 4px;
3207
3212
  }
3208
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3213
+ .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 {
3209
3214
  border-width: 0 0 0 1px;
3210
3215
  }
3211
3216
  .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 {
@@ -3220,7 +3225,7 @@
3220
3225
  border-left: 1px solid;
3221
3226
  border-right: 0;
3222
3227
  }
3223
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3228
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3224
3229
  border-bottom-style: solid;
3225
3230
  border-bottom-width: 1px;
3226
3231
  }
@@ -3528,7 +3533,7 @@
3528
3533
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3529
3534
  text-align: left;
3530
3535
  }
3531
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3536
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3532
3537
  border-width: 0 0 0 1px;
3533
3538
  }
3534
3539
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3548,7 +3553,7 @@
3548
3553
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3549
3554
  border-right-width: 1px;
3550
3555
  }
3551
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3556
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3552
3557
  border-width: 0 1px 0 0;
3553
3558
  }
3554
3559
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3569,6 +3574,27 @@
3569
3574
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3570
3575
  border-right: 0;
3571
3576
  }
3577
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3578
+ border-bottom-style: solid;
3579
+ border-bottom-width: 1px;
3580
+ }
3581
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3582
+ border-width: 0 0 0 1px;
3583
+ }
3584
+ .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) {
3585
+ border-left: 0;
3586
+ border-right: 0;
3587
+ border-top: 0;
3588
+ }
3589
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3590
+ border-width: 0 0 0 1px;
3591
+ }
3592
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3593
+ border-bottom-style: solid;
3594
+ border-bottom-width: 1px;
3595
+ border-left-style: solid;
3596
+ border-left-width: 1px;
3597
+ }
3572
3598
  .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"]),
3573
3599
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3574
3600
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
package/styles/grid/tailwind.css CHANGED
@@ -1222,6 +1222,11 @@
1222
1222
  .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1223
1223
  border-bottom-width: 1px;
1224
1224
  }
1225
+ .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,
1226
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
1227
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
1228
+ border-bottom-width: 0;
1229
+ }
1225
1230
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
1226
1231
  position: relative;
1227
1232
  left: -5px;
@@ -1819,7 +1824,7 @@
1819
1824
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1820
1825
  border-left-width: 0;
1821
1826
  }
1822
- .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1827
+ .e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
1823
1828
  border-width: 0 0 0 1px;
1824
1829
  }
1825
1830
  .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2314,7 +2319,7 @@
2314
2319
  border-left-style: solid;
2315
2320
  border-left-width: 1px;
2316
2321
  }
2317
- .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
2322
+ .e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
2318
2323
  border-bottom-style: solid;
2319
2324
  border-bottom-width: 1px;
2320
2325
  border-left-style: solid;
@@ -3205,7 +3210,7 @@
3205
3210
  margin-right: -8px;
3206
3211
  padding-top: 4px;
3207
3212
  }
3208
- .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3213
+ .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 {
3209
3214
  border-width: 0 0 0 1px;
3210
3215
  }
3211
3216
  .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 {
@@ -3220,7 +3225,7 @@
3220
3225
  border-left: 1px solid;
3221
3226
  border-right: 0;
3222
3227
  }
3223
- .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3228
+ .e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
3224
3229
  border-bottom-style: solid;
3225
3230
  border-bottom-width: 1px;
3226
3231
  }
@@ -3528,7 +3533,7 @@
3528
3533
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3529
3534
  text-align: left;
3530
3535
  }
3531
- .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3536
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3532
3537
  border-width: 0 0 0 1px;
3533
3538
  }
3534
3539
  .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3548,7 +3553,7 @@
3548
3553
  .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3549
3554
  border-right-width: 1px;
3550
3555
  }
3551
- .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3556
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
3552
3557
  border-width: 0 1px 0 0;
3553
3558
  }
3554
3559
  .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3569,6 +3574,27 @@
3569
3574
  .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3570
3575
  border-right: 0;
3571
3576
  }
3577
+ .e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
3578
+ border-bottom-style: solid;
3579
+ border-bottom-width: 1px;
3580
+ }
3581
+ .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
3582
+ border-width: 0 0 0 1px;
3583
+ }
3584
+ .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) {
3585
+ border-left: 0;
3586
+ border-right: 0;
3587
+ border-top: 0;
3588
+ }
3589
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3590
+ border-width: 0 0 0 1px;
3591
+ }
3592
+ .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3593
+ border-bottom-style: solid;
3594
+ border-bottom-width: 1px;
3595
+ border-left-style: solid;
3596
+ border-left-width: 1px;
3597
+ }
3572
3598
  .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"]),
3573
3599
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3574
3600
  .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {