@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/fluent.css CHANGED
@@ -515,6 +515,10 @@
515
515
  font-size: 16px;
516
516
  padding: 13.5px 12px;
517
517
  }
518
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
519
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
520
+ border-bottom-width: 1px;
521
+ }
518
522
  .e-bigger .e-grid .e-rowcell:first-child,
519
523
  .e-bigger .e-grid .e-summarycell:first-child,
520
524
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -920,11 +924,6 @@
920
924
  margin-right: 0;
921
925
  width: auto;
922
926
  }
923
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
924
- .e-grid.e-bigger .e-gridheader table th[rowspan],
925
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
926
- padding-bottom: 20px;
927
- }
928
927
  .e-bigger .e-grid .e-groupsort,
929
928
  .e-bigger .e-grid span.e-ungroupbutton,
930
929
  .e-bigger .e-grid .e-toggleungroup,
@@ -1094,6 +1093,12 @@
1094
1093
  -ms-user-select: none;
1095
1094
  user-select: none;
1096
1095
  }
1096
+ .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],
1097
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1098
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1099
+ padding-bottom: 20px;
1100
+ }
1101
+
1097
1102
  .e-grid {
1098
1103
  border-radius: 1px;
1099
1104
  border-style: none solid solid;
@@ -1722,6 +1727,9 @@
1722
1727
  white-space: normal;
1723
1728
  word-wrap: break-word;
1724
1729
  }
1730
+ .e-grid .e-summarycell.e-lastrowcell {
1731
+ border-bottom-width: 1px;
1732
+ }
1725
1733
  .e-grid .e-summarycontent {
1726
1734
  display: -ms-flexbox;
1727
1735
  display: flex;
@@ -1780,7 +1788,7 @@
1780
1788
  .e-grid.e-bothlines .e-rowcell {
1781
1789
  border-width: 1px 0 0 1px;
1782
1790
  }
1783
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1791
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1784
1792
  padding-bottom: 13px;
1785
1793
  vertical-align: bottom;
1786
1794
  }
@@ -1829,19 +1837,19 @@
1829
1837
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1830
1838
  border-width: 0 0 0 1px;
1831
1839
  }
1832
- .e-grid.e-default table th[rowspan] {
1840
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1833
1841
  border-width: 0 0 0 1px;
1834
1842
  }
1835
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1843
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1836
1844
  border-right-width: 2px;
1837
1845
  }
1838
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1846
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1839
1847
  border-left-width: 2px;
1840
1848
  }
1841
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1849
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1842
1850
  border-left-width: 1px;
1843
1851
  }
1844
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1852
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1845
1853
  border-right-width: 1px;
1846
1854
  }
1847
1855
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3204,21 +3212,6 @@
3204
3212
  left: 4px;
3205
3213
  position: relative;
3206
3214
  }
3207
- .e-grid.e-rtl.e-default table th[rowspan] {
3208
- border-width: 0 1px 0 0;
3209
- }
3210
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3211
- border-left-width: 2px;
3212
- }
3213
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3214
- border-right-width: 2px;
3215
- }
3216
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3217
- border-right-width: 1px;
3218
- }
3219
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3220
- border-left-width: 1px;
3221
- }
3222
3215
  .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 {
3223
3216
  border-left: 1px solid;
3224
3217
  border-right: 0;
@@ -3290,6 +3283,21 @@
3290
3283
  margin: -21px 0 -20px -35px;
3291
3284
  padding: 6px;
3292
3285
  }
3286
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3287
+ border-width: 0 1px 0 0;
3288
+ }
3289
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3290
+ border-left-width: 2px;
3291
+ }
3292
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3293
+ border-right-width: 2px;
3294
+ }
3295
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3296
+ border-right-width: 1px;
3297
+ }
3298
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3299
+ border-left-width: 1px;
3300
+ }
3293
3301
  .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 {
3294
3302
  height: Auto;
3295
3303
  line-height: 21px;
@@ -3365,13 +3373,13 @@
3365
3373
  .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) {
3366
3374
  border-right: 0;
3367
3375
  }
3368
- .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) {
3376
+ .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) {
3369
3377
  border-left: 0;
3370
3378
  }
3371
3379
  .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 {
3372
3380
  border-left: 0;
3373
3381
  }
3374
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3382
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3375
3383
  border-right: 0;
3376
3384
  }
3377
3385
  .e-grid .e-mask {
@@ -3516,6 +3524,52 @@
3516
3524
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3517
3525
  text-align: left;
3518
3526
  }
3527
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3528
+ border-width: 0 0 0 1px;
3529
+ }
3530
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3531
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3532
+ padding-bottom: 13px;
3533
+ vertical-align: bottom;
3534
+ }
3535
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3536
+ border-right-width: 2px;
3537
+ }
3538
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3539
+ border-left-width: 2px;
3540
+ }
3541
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3542
+ border-left-width: 1px;
3543
+ }
3544
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3545
+ border-right-width: 1px;
3546
+ }
3547
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3548
+ border-width: 0 1px 0 0;
3549
+ }
3550
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3551
+ border-left-width: 2px;
3552
+ }
3553
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3554
+ border-right-width: 2px;
3555
+ }
3556
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3557
+ border-right-width: 1px;
3558
+ }
3559
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3560
+ border-left-width: 1px;
3561
+ }
3562
+ .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) {
3563
+ border-left: 0;
3564
+ }
3565
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3566
+ border-right: 0;
3567
+ }
3568
+ .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"]),
3569
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3570
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3571
+ padding-bottom: 20px;
3572
+ }
3519
3573
 
3520
3574
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3521
3575
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/highcontrast-light.css CHANGED
@@ -454,6 +454,10 @@
454
454
  font-size: 14px;
455
455
  padding: 9px 10px;
456
456
  }
457
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
458
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
459
+ border-bottom-width: 1px;
460
+ }
457
461
  .e-bigger .e-grid .e-rowcell:first-child,
458
462
  .e-bigger .e-grid .e-summarycell:first-child,
459
463
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -842,11 +846,6 @@
842
846
  margin-right: 10px;
843
847
  width: 76px;
844
848
  }
845
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
846
- .e-grid.e-bigger .e-gridheader table th[rowspan],
847
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
848
- padding-bottom: 20px;
849
- }
850
849
  .e-bigger .e-grid .e-groupsort,
851
850
  .e-bigger .e-grid span.e-ungroupbutton,
852
851
  .e-bigger .e-grid .e-toggleungroup,
@@ -1006,6 +1005,12 @@
1006
1005
  -ms-user-select: none;
1007
1006
  user-select: none;
1008
1007
  }
1008
+ .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],
1009
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1010
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1011
+ padding-bottom: 20px;
1012
+ }
1013
+
1009
1014
  .e-grid {
1010
1015
  border-radius: 0;
1011
1016
  border-style: none solid solid;
@@ -1631,6 +1636,9 @@
1631
1636
  white-space: normal;
1632
1637
  word-wrap: break-word;
1633
1638
  }
1639
+ .e-grid .e-summarycell.e-lastrowcell {
1640
+ border-bottom-width: 1px;
1641
+ }
1634
1642
  .e-grid .e-summarycontent {
1635
1643
  display: -ms-flexbox;
1636
1644
  display: flex;
@@ -1689,7 +1697,7 @@
1689
1697
  .e-grid.e-bothlines .e-rowcell {
1690
1698
  border-width: 1px 0 0 1px;
1691
1699
  }
1692
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1700
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1693
1701
  padding-bottom: 4px;
1694
1702
  vertical-align: bottom;
1695
1703
  }
@@ -1738,19 +1746,19 @@
1738
1746
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1739
1747
  border-width: 0 0 0 1px;
1740
1748
  }
1741
- .e-grid.e-default table th[rowspan] {
1749
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1742
1750
  border-width: 0 0 0 1px;
1743
1751
  }
1744
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1752
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1745
1753
  border-right-width: 2px;
1746
1754
  }
1747
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1755
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1748
1756
  border-left-width: 2px;
1749
1757
  }
1750
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1758
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1751
1759
  border-left-width: 1px;
1752
1760
  }
1753
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1761
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1754
1762
  border-right-width: 1px;
1755
1763
  }
1756
1764
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3104,21 +3112,6 @@
3104
3112
  left: 4px;
3105
3113
  position: relative;
3106
3114
  }
3107
- .e-grid.e-rtl.e-default table th[rowspan] {
3108
- border-width: 0 1px 0 0;
3109
- }
3110
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3111
- border-left-width: 2px;
3112
- }
3113
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3114
- border-right-width: 2px;
3115
- }
3116
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3117
- border-right-width: 1px;
3118
- }
3119
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3120
- border-left-width: 1px;
3121
- }
3122
3115
  .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 {
3123
3116
  border-left: 1px solid;
3124
3117
  border-right: 0;
@@ -3190,6 +3183,21 @@
3190
3183
  margin: -18px -7px;
3191
3184
  padding: 6px;
3192
3185
  }
3186
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3187
+ border-width: 0 1px 0 0;
3188
+ }
3189
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3190
+ border-left-width: 2px;
3191
+ }
3192
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3193
+ border-right-width: 2px;
3194
+ }
3195
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3196
+ border-right-width: 1px;
3197
+ }
3198
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3199
+ border-left-width: 1px;
3200
+ }
3193
3201
  .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 {
3194
3202
  height: Auto;
3195
3203
  line-height: 18px;
@@ -3265,13 +3273,13 @@
3265
3273
  .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) {
3266
3274
  border-right: 0;
3267
3275
  }
3268
- .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) {
3276
+ .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) {
3269
3277
  border-left: 0;
3270
3278
  }
3271
3279
  .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 {
3272
3280
  border-left: 0;
3273
3281
  }
3274
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3282
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3275
3283
  border-right: 0;
3276
3284
  }
3277
3285
  .e-grid .e-mask {
@@ -3416,6 +3424,52 @@
3416
3424
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3417
3425
  text-align: left;
3418
3426
  }
3427
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3428
+ border-width: 0 0 0 1px;
3429
+ }
3430
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3431
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3432
+ padding-bottom: 4px;
3433
+ vertical-align: bottom;
3434
+ }
3435
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3436
+ border-right-width: 2px;
3437
+ }
3438
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3439
+ border-left-width: 2px;
3440
+ }
3441
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3442
+ border-left-width: 1px;
3443
+ }
3444
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3445
+ border-right-width: 1px;
3446
+ }
3447
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3448
+ border-width: 0 1px 0 0;
3449
+ }
3450
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3451
+ border-left-width: 2px;
3452
+ }
3453
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3454
+ border-right-width: 2px;
3455
+ }
3456
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3457
+ border-right-width: 1px;
3458
+ }
3459
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3460
+ border-left-width: 1px;
3461
+ }
3462
+ .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) {
3463
+ border-left: 0;
3464
+ }
3465
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3466
+ border-right: 0;
3467
+ }
3468
+ .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"]),
3469
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3470
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3471
+ padding-bottom: 20px;
3472
+ }
3419
3473
 
3420
3474
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3421
3475
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/highcontrast.css CHANGED
@@ -454,6 +454,10 @@
454
454
  font-size: 14px;
455
455
  padding: 9px 10px;
456
456
  }
457
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
458
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
459
+ border-bottom-width: 1px;
460
+ }
457
461
  .e-bigger .e-grid .e-rowcell:first-child,
458
462
  .e-bigger .e-grid .e-summarycell:first-child,
459
463
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -842,11 +846,6 @@
842
846
  margin-right: 10px;
843
847
  width: 76px;
844
848
  }
845
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
846
- .e-grid.e-bigger .e-gridheader table th[rowspan],
847
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
848
- padding-bottom: 20px;
849
- }
850
849
  .e-bigger .e-grid .e-groupsort,
851
850
  .e-bigger .e-grid span.e-ungroupbutton,
852
851
  .e-bigger .e-grid .e-toggleungroup,
@@ -1006,6 +1005,12 @@
1006
1005
  -ms-user-select: none;
1007
1006
  user-select: none;
1008
1007
  }
1008
+ .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],
1009
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1010
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1011
+ padding-bottom: 20px;
1012
+ }
1013
+
1009
1014
  .e-grid {
1010
1015
  border-radius: 0;
1011
1016
  border-style: none solid solid;
@@ -1631,6 +1636,9 @@
1631
1636
  white-space: normal;
1632
1637
  word-wrap: break-word;
1633
1638
  }
1639
+ .e-grid .e-summarycell.e-lastrowcell {
1640
+ border-bottom-width: 1px;
1641
+ }
1634
1642
  .e-grid .e-summarycontent {
1635
1643
  display: -ms-flexbox;
1636
1644
  display: flex;
@@ -1689,7 +1697,7 @@
1689
1697
  .e-grid.e-bothlines .e-rowcell {
1690
1698
  border-width: 1px 0 0 1px;
1691
1699
  }
1692
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1700
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1693
1701
  padding-bottom: 4px;
1694
1702
  vertical-align: bottom;
1695
1703
  }
@@ -1738,19 +1746,19 @@
1738
1746
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1739
1747
  border-width: 0 0 0 1px;
1740
1748
  }
1741
- .e-grid.e-default table th[rowspan] {
1749
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1742
1750
  border-width: 0 0 0 1px;
1743
1751
  }
1744
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1752
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1745
1753
  border-right-width: 2px;
1746
1754
  }
1747
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1755
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1748
1756
  border-left-width: 2px;
1749
1757
  }
1750
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1758
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1751
1759
  border-left-width: 1px;
1752
1760
  }
1753
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1761
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1754
1762
  border-right-width: 1px;
1755
1763
  }
1756
1764
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3104,21 +3112,6 @@
3104
3112
  left: 4px;
3105
3113
  position: relative;
3106
3114
  }
3107
- .e-grid.e-rtl.e-default table th[rowspan] {
3108
- border-width: 0 1px 0 0;
3109
- }
3110
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3111
- border-left-width: 2px;
3112
- }
3113
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3114
- border-right-width: 2px;
3115
- }
3116
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3117
- border-right-width: 1px;
3118
- }
3119
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3120
- border-left-width: 1px;
3121
- }
3122
3115
  .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 {
3123
3116
  border-left: 1px solid;
3124
3117
  border-right: 0;
@@ -3190,6 +3183,21 @@
3190
3183
  margin: -18px -7px;
3191
3184
  padding: 6px;
3192
3185
  }
3186
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3187
+ border-width: 0 1px 0 0;
3188
+ }
3189
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3190
+ border-left-width: 2px;
3191
+ }
3192
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3193
+ border-right-width: 2px;
3194
+ }
3195
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3196
+ border-right-width: 1px;
3197
+ }
3198
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3199
+ border-left-width: 1px;
3200
+ }
3193
3201
  .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 {
3194
3202
  height: Auto;
3195
3203
  line-height: 18px;
@@ -3265,13 +3273,13 @@
3265
3273
  .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) {
3266
3274
  border-right: 0;
3267
3275
  }
3268
- .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) {
3276
+ .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) {
3269
3277
  border-left: 0;
3270
3278
  }
3271
3279
  .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 {
3272
3280
  border-left: 0;
3273
3281
  }
3274
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3282
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3275
3283
  border-right: 0;
3276
3284
  }
3277
3285
  .e-grid .e-mask {
@@ -3416,6 +3424,52 @@
3416
3424
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3417
3425
  text-align: left;
3418
3426
  }
3427
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3428
+ border-width: 0 0 0 1px;
3429
+ }
3430
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3431
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3432
+ padding-bottom: 4px;
3433
+ vertical-align: bottom;
3434
+ }
3435
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3436
+ border-right-width: 2px;
3437
+ }
3438
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3439
+ border-left-width: 2px;
3440
+ }
3441
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3442
+ border-left-width: 1px;
3443
+ }
3444
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3445
+ border-right-width: 1px;
3446
+ }
3447
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3448
+ border-width: 0 1px 0 0;
3449
+ }
3450
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3451
+ border-left-width: 2px;
3452
+ }
3453
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3454
+ border-right-width: 2px;
3455
+ }
3456
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3457
+ border-right-width: 1px;
3458
+ }
3459
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3460
+ border-left-width: 1px;
3461
+ }
3462
+ .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) {
3463
+ border-left: 0;
3464
+ }
3465
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3466
+ border-right: 0;
3467
+ }
3468
+ .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"]),
3469
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3470
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3471
+ padding-bottom: 20px;
3472
+ }
3419
3473
 
3420
3474
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3421
3475
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,