@syncfusion/ej2-react-grids 23.1.40 → 23.1.42

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 (39) hide show
  1. package/CHANGELOG.md +28 -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 +7 -7
  5. package/styles/bootstrap-dark.css +82 -28
  6. package/styles/bootstrap.css +82 -28
  7. package/styles/bootstrap4.css +95 -30
  8. package/styles/bootstrap5-dark.css +82 -28
  9. package/styles/bootstrap5.css +82 -28
  10. package/styles/excel-filter/bootstrap4.css +13 -2
  11. package/styles/fabric-dark.css +82 -28
  12. package/styles/fabric.css +82 -28
  13. package/styles/fluent-dark.css +82 -28
  14. package/styles/fluent.css +82 -28
  15. package/styles/grid/bootstrap-dark.css +82 -28
  16. package/styles/grid/bootstrap.css +82 -28
  17. package/styles/grid/bootstrap4.css +95 -30
  18. package/styles/grid/bootstrap5-dark.css +82 -28
  19. package/styles/grid/bootstrap5.css +82 -28
  20. package/styles/grid/fabric-dark.css +82 -28
  21. package/styles/grid/fabric.css +82 -28
  22. package/styles/grid/fluent-dark.css +82 -28
  23. package/styles/grid/fluent.css +82 -28
  24. package/styles/grid/highcontrast-light.css +82 -28
  25. package/styles/grid/highcontrast.css +82 -28
  26. package/styles/grid/material-dark.css +82 -28
  27. package/styles/grid/material.css +82 -28
  28. package/styles/grid/material3-dark.css +82 -28
  29. package/styles/grid/material3.css +82 -28
  30. package/styles/grid/tailwind-dark.css +82 -28
  31. package/styles/grid/tailwind.css +82 -28
  32. package/styles/highcontrast-light.css +82 -28
  33. package/styles/highcontrast.css +82 -28
  34. package/styles/material-dark.css +82 -28
  35. package/styles/material.css +82 -28
  36. package/styles/material3-dark.css +82 -28
  37. package/styles/material3.css +82 -28
  38. package/styles/tailwind-dark.css +82 -28
  39. package/styles/tailwind.css +82 -28
package/styles/grid/material-dark.css CHANGED
@@ -497,6 +497,10 @@
497
497
  font-size: 13px;
498
498
  padding: 11px 28px;
499
499
  }
500
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
501
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
502
+ border-bottom-width: 1px;
503
+ }
500
504
  .e-bigger .e-grid .e-rowcell:first-child,
501
505
  .e-bigger .e-grid .e-summarycell:first-child,
502
506
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -885,11 +889,6 @@
885
889
  margin-right: 8px;
886
890
  width: 76px;
887
891
  }
888
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
889
- .e-grid.e-bigger .e-gridheader table th[rowspan],
890
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
891
- padding-bottom: 20px;
892
- }
893
892
  .e-bigger .e-grid .e-groupsort,
894
893
  .e-bigger .e-grid span.e-ungroupbutton,
895
894
  .e-bigger .e-grid .e-toggleungroup,
@@ -1049,6 +1048,12 @@
1049
1048
  -ms-user-select: none;
1050
1049
  user-select: none;
1051
1050
  }
1051
+ .e-bigger .e-grid:not(.sf-grid) .e-gridheader table th[rowspan], .e-bigger .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan],
1052
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1053
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1054
+ padding-bottom: 20px;
1055
+ }
1056
+
1052
1057
  .e-grid {
1053
1058
  border-radius: 0;
1054
1059
  border-style: none solid solid;
@@ -1674,6 +1679,9 @@
1674
1679
  white-space: normal;
1675
1680
  word-wrap: break-word;
1676
1681
  }
1682
+ .e-grid .e-summarycell.e-lastrowcell {
1683
+ border-bottom-width: 1px;
1684
+ }
1677
1685
  .e-grid .e-summarycontent {
1678
1686
  display: -ms-flexbox;
1679
1687
  display: flex;
@@ -1732,7 +1740,7 @@
1732
1740
  .e-grid.e-bothlines .e-rowcell {
1733
1741
  border-width: 1px 0 0 1px;
1734
1742
  }
1735
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1743
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1736
1744
  padding-bottom: 13px;
1737
1745
  vertical-align: bottom;
1738
1746
  }
@@ -1781,19 +1789,19 @@
1781
1789
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1782
1790
  border-width: 0 0 0 1px;
1783
1791
  }
1784
- .e-grid.e-default table th[rowspan] {
1792
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1785
1793
  border-width: 0 0 0 1px;
1786
1794
  }
1787
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1795
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1788
1796
  border-right-width: 2px;
1789
1797
  }
1790
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1798
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1791
1799
  border-left-width: 2px;
1792
1800
  }
1793
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1801
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1794
1802
  border-left-width: 1px;
1795
1803
  }
1796
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1804
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1797
1805
  border-right-width: 1px;
1798
1806
  }
1799
1807
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3147,21 +3155,6 @@
3147
3155
  left: 4px;
3148
3156
  position: relative;
3149
3157
  }
3150
- .e-grid.e-rtl.e-default table th[rowspan] {
3151
- border-width: 0 1px 0 0;
3152
- }
3153
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3154
- border-left-width: 2px;
3155
- }
3156
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3157
- border-right-width: 2px;
3158
- }
3159
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3160
- border-right-width: 1px;
3161
- }
3162
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3163
- border-left-width: 1px;
3164
- }
3165
3158
  .e-grid.e-rtl.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader, .e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
3166
3159
  border-left: 1px solid;
3167
3160
  border-right: 0;
@@ -3233,6 +3226,21 @@
3233
3226
  margin: -18px 0 -18px -11px;
3234
3227
  padding: 6px;
3235
3228
  }
3229
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3230
+ border-width: 0 1px 0 0;
3231
+ }
3232
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3233
+ border-left-width: 2px;
3234
+ }
3235
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3236
+ border-right-width: 2px;
3237
+ }
3238
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3239
+ border-right-width: 1px;
3240
+ }
3241
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3242
+ border-left-width: 1px;
3243
+ }
3236
3244
  .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
3237
3245
  height: Auto;
3238
3246
  line-height: 18px;
@@ -3308,13 +3316,13 @@
3308
3316
  .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
3309
3317
  border-right: 0;
3310
3318
  }
3311
- .e-grid.e-resize-lines.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
3319
+ .e-grid:not(.sf-grid).e-resize-lines.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder), .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
3312
3320
  border-left: 0;
3313
3321
  }
3314
3322
  .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
3315
3323
  border-left: 0;
3316
3324
  }
3317
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3325
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3318
3326
  border-right: 0;
3319
3327
  }
3320
3328
  .e-grid .e-mask {
@@ -3459,6 +3467,52 @@
3459
3467
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3460
3468
  text-align: left;
3461
3469
  }
3470
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3471
+ border-width: 0 0 0 1px;
3472
+ }
3473
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3474
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3475
+ padding-bottom: 13px;
3476
+ vertical-align: bottom;
3477
+ }
3478
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3479
+ border-right-width: 2px;
3480
+ }
3481
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3482
+ border-left-width: 2px;
3483
+ }
3484
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3485
+ border-left-width: 1px;
3486
+ }
3487
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3488
+ border-right-width: 1px;
3489
+ }
3490
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3491
+ border-width: 0 1px 0 0;
3492
+ }
3493
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3494
+ border-left-width: 2px;
3495
+ }
3496
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3497
+ border-right-width: 2px;
3498
+ }
3499
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3500
+ border-right-width: 1px;
3501
+ }
3502
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3503
+ border-left-width: 1px;
3504
+ }
3505
+ .e-grid.sf-grid.e-resize-lines.e-default table th:not([rowspan="1"]):not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]):not(.e-freezerightborder, .e-freezeleftborder) {
3506
+ border-left: 0;
3507
+ }
3508
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3509
+ border-right: 0;
3510
+ }
3511
+ .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"]),
3512
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3513
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3514
+ padding-bottom: 20px;
3515
+ }
3462
3516
 
3463
3517
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3464
3518
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/material.css CHANGED
@@ -531,6 +531,10 @@
531
531
  font-size: 13px;
532
532
  padding: 11px 28px;
533
533
  }
534
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
535
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
536
+ border-bottom-width: 1px;
537
+ }
534
538
  .e-bigger .e-grid .e-rowcell:first-child,
535
539
  .e-bigger .e-grid .e-summarycell:first-child,
536
540
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -919,11 +923,6 @@
919
923
  margin-right: 8px;
920
924
  width: 76px;
921
925
  }
922
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
923
- .e-grid.e-bigger .e-gridheader table th[rowspan],
924
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
925
- padding-bottom: 20px;
926
- }
927
926
  .e-bigger .e-grid .e-groupsort,
928
927
  .e-bigger .e-grid span.e-ungroupbutton,
929
928
  .e-bigger .e-grid .e-toggleungroup,
@@ -1083,6 +1082,12 @@
1083
1082
  -ms-user-select: none;
1084
1083
  user-select: none;
1085
1084
  }
1085
+ .e-bigger .e-grid:not(.sf-grid) .e-gridheader table th[rowspan], .e-bigger .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan],
1086
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1087
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1088
+ padding-bottom: 20px;
1089
+ }
1090
+
1086
1091
  .e-grid {
1087
1092
  border-radius: 0;
1088
1093
  border-style: none solid solid;
@@ -1708,6 +1713,9 @@
1708
1713
  white-space: normal;
1709
1714
  word-wrap: break-word;
1710
1715
  }
1716
+ .e-grid .e-summarycell.e-lastrowcell {
1717
+ border-bottom-width: 1px;
1718
+ }
1711
1719
  .e-grid .e-summarycontent {
1712
1720
  display: -ms-flexbox;
1713
1721
  display: flex;
@@ -1766,7 +1774,7 @@
1766
1774
  .e-grid.e-bothlines .e-rowcell {
1767
1775
  border-width: 1px 0 0 1px;
1768
1776
  }
1769
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1777
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1770
1778
  padding-bottom: 13px;
1771
1779
  vertical-align: bottom;
1772
1780
  }
@@ -1815,19 +1823,19 @@
1815
1823
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1816
1824
  border-width: 0 0 0 1px;
1817
1825
  }
1818
- .e-grid.e-default table th[rowspan] {
1826
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1819
1827
  border-width: 0 0 0 1px;
1820
1828
  }
1821
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1829
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1822
1830
  border-right-width: 2px;
1823
1831
  }
1824
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1832
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1825
1833
  border-left-width: 2px;
1826
1834
  }
1827
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1835
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1828
1836
  border-left-width: 1px;
1829
1837
  }
1830
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1838
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1831
1839
  border-right-width: 1px;
1832
1840
  }
1833
1841
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3181,21 +3189,6 @@
3181
3189
  left: 4px;
3182
3190
  position: relative;
3183
3191
  }
3184
- .e-grid.e-rtl.e-default table th[rowspan] {
3185
- border-width: 0 1px 0 0;
3186
- }
3187
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3188
- border-left-width: 2px;
3189
- }
3190
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3191
- border-right-width: 2px;
3192
- }
3193
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3194
- border-right-width: 1px;
3195
- }
3196
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3197
- border-left-width: 1px;
3198
- }
3199
3192
  .e-grid.e-rtl.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader, .e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
3200
3193
  border-left: 1px solid;
3201
3194
  border-right: 0;
@@ -3267,6 +3260,21 @@
3267
3260
  margin: -18px 0 -18px -11px;
3268
3261
  padding: 6px;
3269
3262
  }
3263
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3264
+ border-width: 0 1px 0 0;
3265
+ }
3266
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3267
+ border-left-width: 2px;
3268
+ }
3269
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3270
+ border-right-width: 2px;
3271
+ }
3272
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3273
+ border-right-width: 1px;
3274
+ }
3275
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3276
+ border-left-width: 1px;
3277
+ }
3270
3278
  .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
3271
3279
  height: Auto;
3272
3280
  line-height: 18px;
@@ -3342,13 +3350,13 @@
3342
3350
  .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
3343
3351
  border-right: 0;
3344
3352
  }
3345
- .e-grid.e-resize-lines.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
3353
+ .e-grid:not(.sf-grid).e-resize-lines.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder), .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
3346
3354
  border-left: 0;
3347
3355
  }
3348
3356
  .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
3349
3357
  border-left: 0;
3350
3358
  }
3351
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3359
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3352
3360
  border-right: 0;
3353
3361
  }
3354
3362
  .e-grid .e-mask {
@@ -3493,6 +3501,52 @@
3493
3501
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3494
3502
  text-align: left;
3495
3503
  }
3504
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3505
+ border-width: 0 0 0 1px;
3506
+ }
3507
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3508
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3509
+ padding-bottom: 13px;
3510
+ vertical-align: bottom;
3511
+ }
3512
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3513
+ border-right-width: 2px;
3514
+ }
3515
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3516
+ border-left-width: 2px;
3517
+ }
3518
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3519
+ border-left-width: 1px;
3520
+ }
3521
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3522
+ border-right-width: 1px;
3523
+ }
3524
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3525
+ border-width: 0 1px 0 0;
3526
+ }
3527
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3528
+ border-left-width: 2px;
3529
+ }
3530
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3531
+ border-right-width: 2px;
3532
+ }
3533
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3534
+ border-right-width: 1px;
3535
+ }
3536
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3537
+ border-left-width: 1px;
3538
+ }
3539
+ .e-grid.sf-grid.e-resize-lines.e-default table th:not([rowspan="1"]):not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]):not(.e-freezerightborder, .e-freezeleftborder) {
3540
+ border-left: 0;
3541
+ }
3542
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3543
+ border-right: 0;
3544
+ }
3545
+ .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"]),
3546
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3547
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3548
+ padding-bottom: 20px;
3549
+ }
3496
3550
 
3497
3551
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3498
3552
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/material3-dark.css CHANGED
@@ -607,6 +607,10 @@
607
607
  font-size: 14px;
608
608
  padding: 14px 12px;
609
609
  }
610
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
611
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
612
+ border-bottom-width: 1px;
613
+ }
610
614
  .e-bigger .e-grid .e-rowcell .e-checkbox-wrapper,
611
615
  .e-bigger .e-grid .e-rowcell .e-css.e-checkbox-wrapper,
612
616
  .e-grid.e-bigger .e-rowcell .e-checkbox-wrapper,
@@ -1034,11 +1038,6 @@
1034
1038
  margin-right: 0;
1035
1039
  width: auto;
1036
1040
  }
1037
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1038
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1039
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1040
- padding-bottom: 13px;
1041
- }
1042
1041
  .e-bigger .e-grid .e-groupsort,
1043
1042
  .e-bigger .e-grid span.e-ungroupbutton,
1044
1043
  .e-bigger .e-grid .e-toggleungroup,
@@ -1250,6 +1249,12 @@
1250
1249
  margin-left: -3px;
1251
1250
  }
1252
1251
 
1252
+ .e-bigger .e-grid:not(.sf-grid) .e-gridheader table th[rowspan], .e-bigger .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan],
1253
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1254
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1255
+ padding-bottom: 13px;
1256
+ }
1257
+
1253
1258
  .e-grid {
1254
1259
  border-radius: 1px;
1255
1260
  border-style: none solid solid;
@@ -1890,6 +1895,9 @@
1890
1895
  white-space: normal;
1891
1896
  word-wrap: break-word;
1892
1897
  }
1898
+ .e-grid .e-summarycell.e-lastrowcell {
1899
+ border-bottom-width: 1px;
1900
+ }
1893
1901
  .e-grid .e-summarycontent {
1894
1902
  display: -ms-flexbox;
1895
1903
  display: flex;
@@ -1948,7 +1956,7 @@
1948
1956
  .e-grid.e-bothlines .e-rowcell {
1949
1957
  border-width: 1px 0 0 1px;
1950
1958
  }
1951
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1959
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1952
1960
  padding-bottom: 13px;
1953
1961
  vertical-align: bottom;
1954
1962
  }
@@ -1997,19 +2005,19 @@
1997
2005
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1998
2006
  border-width: 0 0 0 1px;
1999
2007
  }
2000
- .e-grid.e-default table th[rowspan] {
2008
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2001
2009
  border-width: 0 0 0 1px;
2002
2010
  }
2003
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2011
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2004
2012
  border-right-width: 2px;
2005
2013
  }
2006
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2014
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2007
2015
  border-left-width: 2px;
2008
2016
  }
2009
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2017
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2010
2018
  border-left-width: 1px;
2011
2019
  }
2012
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2020
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2013
2021
  border-right-width: 1px;
2014
2022
  }
2015
2023
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3409,21 +3417,6 @@
3409
3417
  left: 4px;
3410
3418
  position: relative;
3411
3419
  }
3412
- .e-grid.e-rtl.e-default table th[rowspan] {
3413
- border-width: 0 1px 0 0;
3414
- }
3415
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3416
- border-left-width: 2px;
3417
- }
3418
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3419
- border-right-width: 2px;
3420
- }
3421
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3422
- border-right-width: 1px;
3423
- }
3424
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3425
- border-left-width: 1px;
3426
- }
3427
3420
  .e-grid.e-rtl.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader, .e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
3428
3421
  border-left: 1px solid;
3429
3422
  border-right: 0;
@@ -3494,6 +3487,21 @@
3494
3487
  margin: -15px 8px -12px -2px;
3495
3488
  padding: 2px;
3496
3489
  }
3490
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3491
+ border-width: 0 1px 0 0;
3492
+ }
3493
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3494
+ border-left-width: 2px;
3495
+ }
3496
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3497
+ border-right-width: 2px;
3498
+ }
3499
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3500
+ border-right-width: 1px;
3501
+ }
3502
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3503
+ border-left-width: 1px;
3504
+ }
3497
3505
  .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
3498
3506
  height: Auto;
3499
3507
  line-height: 21px;
@@ -3569,13 +3577,13 @@
3569
3577
  .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
3570
3578
  border-right: 0;
3571
3579
  }
3572
- .e-grid.e-resize-lines.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
3580
+ .e-grid:not(.sf-grid).e-resize-lines.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder), .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
3573
3581
  border-left: 0;
3574
3582
  }
3575
3583
  .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
3576
3584
  border-left: 0;
3577
3585
  }
3578
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3586
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3579
3587
  border-right: 0;
3580
3588
  }
3581
3589
  .e-grid .e-mask {
@@ -3721,6 +3729,52 @@
3721
3729
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3722
3730
  text-align: left;
3723
3731
  }
3732
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3733
+ border-width: 0 0 0 1px;
3734
+ }
3735
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3736
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3737
+ padding-bottom: 13px;
3738
+ vertical-align: bottom;
3739
+ }
3740
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3741
+ border-right-width: 2px;
3742
+ }
3743
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3744
+ border-left-width: 2px;
3745
+ }
3746
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3747
+ border-left-width: 1px;
3748
+ }
3749
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3750
+ border-right-width: 1px;
3751
+ }
3752
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3753
+ border-width: 0 1px 0 0;
3754
+ }
3755
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3756
+ border-left-width: 2px;
3757
+ }
3758
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3759
+ border-right-width: 2px;
3760
+ }
3761
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3762
+ border-right-width: 1px;
3763
+ }
3764
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3765
+ border-left-width: 1px;
3766
+ }
3767
+ .e-grid.sf-grid.e-resize-lines.e-default table th:not([rowspan="1"]):not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]):not(.e-freezerightborder, .e-freezeleftborder) {
3768
+ border-left: 0;
3769
+ }
3770
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3771
+ border-right: 0;
3772
+ }
3773
+ .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"]),
3774
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3775
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3776
+ padding-bottom: 13px;
3777
+ }
3724
3778
 
3725
3779
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3726
3780
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,