@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/fabric-dark.css CHANGED
@@ -457,6 +457,10 @@
457
457
  font-size: 14px;
458
458
  padding: 9px 10px;
459
459
  }
460
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
461
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
462
+ border-bottom-width: 1px;
463
+ }
460
464
  .e-bigger .e-grid .e-rowcell:first-child,
461
465
  .e-bigger .e-grid .e-summarycell:first-child,
462
466
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -845,11 +849,6 @@
845
849
  margin-right: 10px;
846
850
  width: 76px;
847
851
  }
848
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
849
- .e-grid.e-bigger .e-gridheader table th[rowspan],
850
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
851
- padding-bottom: 20px;
852
- }
853
852
  .e-bigger .e-grid .e-groupsort,
854
853
  .e-bigger .e-grid span.e-ungroupbutton,
855
854
  .e-bigger .e-grid .e-toggleungroup,
@@ -1009,6 +1008,12 @@
1009
1008
  -ms-user-select: none;
1010
1009
  user-select: none;
1011
1010
  }
1011
+ .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],
1012
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1013
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1014
+ padding-bottom: 20px;
1015
+ }
1016
+
1012
1017
  .e-grid {
1013
1018
  border-radius: 0;
1014
1019
  border-style: none solid solid;
@@ -1634,6 +1639,9 @@
1634
1639
  white-space: normal;
1635
1640
  word-wrap: break-word;
1636
1641
  }
1642
+ .e-grid .e-summarycell.e-lastrowcell {
1643
+ border-bottom-width: 1px;
1644
+ }
1637
1645
  .e-grid .e-summarycontent {
1638
1646
  display: -ms-flexbox;
1639
1647
  display: flex;
@@ -1692,7 +1700,7 @@
1692
1700
  .e-grid.e-bothlines .e-rowcell {
1693
1701
  border-width: 1px 0 0 1px;
1694
1702
  }
1695
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1703
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1696
1704
  padding-bottom: 4px;
1697
1705
  vertical-align: bottom;
1698
1706
  }
@@ -1741,19 +1749,19 @@
1741
1749
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1742
1750
  border-width: 0 0 0 1px;
1743
1751
  }
1744
- .e-grid.e-default table th[rowspan] {
1752
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1745
1753
  border-width: 0 0 0 1px;
1746
1754
  }
1747
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1755
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1748
1756
  border-right-width: 2px;
1749
1757
  }
1750
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1758
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1751
1759
  border-left-width: 2px;
1752
1760
  }
1753
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1761
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1754
1762
  border-left-width: 1px;
1755
1763
  }
1756
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1764
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1757
1765
  border-right-width: 1px;
1758
1766
  }
1759
1767
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3107,21 +3115,6 @@
3107
3115
  left: 4px;
3108
3116
  position: relative;
3109
3117
  }
3110
- .e-grid.e-rtl.e-default table th[rowspan] {
3111
- border-width: 0 1px 0 0;
3112
- }
3113
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3114
- border-left-width: 2px;
3115
- }
3116
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3117
- border-right-width: 2px;
3118
- }
3119
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3120
- border-right-width: 1px;
3121
- }
3122
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3123
- border-left-width: 1px;
3124
- }
3125
3118
  .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 {
3126
3119
  border-left: 1px solid;
3127
3120
  border-right: 0;
@@ -3193,6 +3186,21 @@
3193
3186
  margin: -27px 0 -24px -5px;
3194
3187
  padding: 7px;
3195
3188
  }
3189
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3190
+ border-width: 0 1px 0 0;
3191
+ }
3192
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3193
+ border-left-width: 2px;
3194
+ }
3195
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3196
+ border-right-width: 2px;
3197
+ }
3198
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3199
+ border-right-width: 1px;
3200
+ }
3201
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3202
+ border-left-width: 1px;
3203
+ }
3196
3204
  .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 {
3197
3205
  height: Auto;
3198
3206
  line-height: 18px;
@@ -3268,13 +3276,13 @@
3268
3276
  .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) {
3269
3277
  border-right: 0;
3270
3278
  }
3271
- .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) {
3279
+ .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) {
3272
3280
  border-left: 0;
3273
3281
  }
3274
3282
  .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 {
3275
3283
  border-left: 0;
3276
3284
  }
3277
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3285
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3278
3286
  border-right: 0;
3279
3287
  }
3280
3288
  .e-grid .e-mask {
@@ -3419,6 +3427,52 @@
3419
3427
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3420
3428
  text-align: left;
3421
3429
  }
3430
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3431
+ border-width: 0 0 0 1px;
3432
+ }
3433
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3434
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3435
+ padding-bottom: 4px;
3436
+ vertical-align: bottom;
3437
+ }
3438
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3439
+ border-right-width: 2px;
3440
+ }
3441
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3442
+ border-left-width: 2px;
3443
+ }
3444
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3445
+ border-left-width: 1px;
3446
+ }
3447
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3448
+ border-right-width: 1px;
3449
+ }
3450
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3451
+ border-width: 0 1px 0 0;
3452
+ }
3453
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3454
+ border-left-width: 2px;
3455
+ }
3456
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3457
+ border-right-width: 2px;
3458
+ }
3459
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3460
+ border-right-width: 1px;
3461
+ }
3462
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3463
+ border-left-width: 1px;
3464
+ }
3465
+ .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) {
3466
+ border-left: 0;
3467
+ }
3468
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3469
+ border-right: 0;
3470
+ }
3471
+ .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"]),
3472
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3473
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3474
+ padding-bottom: 20px;
3475
+ }
3422
3476
 
3423
3477
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3424
3478
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/fabric.css CHANGED
@@ -450,6 +450,10 @@
450
450
  font-size: 14px;
451
451
  padding: 9px 10px;
452
452
  }
453
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
454
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
455
+ border-bottom-width: 1px;
456
+ }
453
457
  .e-bigger .e-grid .e-rowcell:first-child,
454
458
  .e-bigger .e-grid .e-summarycell:first-child,
455
459
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -838,11 +842,6 @@
838
842
  margin-right: 10px;
839
843
  width: 76px;
840
844
  }
841
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
842
- .e-grid.e-bigger .e-gridheader table th[rowspan],
843
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
844
- padding-bottom: 20px;
845
- }
846
845
  .e-bigger .e-grid .e-groupsort,
847
846
  .e-bigger .e-grid span.e-ungroupbutton,
848
847
  .e-bigger .e-grid .e-toggleungroup,
@@ -1002,6 +1001,12 @@
1002
1001
  -ms-user-select: none;
1003
1002
  user-select: none;
1004
1003
  }
1004
+ .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],
1005
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1006
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1007
+ padding-bottom: 20px;
1008
+ }
1009
+
1005
1010
  .e-grid {
1006
1011
  border-radius: 0;
1007
1012
  border-style: none solid solid;
@@ -1627,6 +1632,9 @@
1627
1632
  white-space: normal;
1628
1633
  word-wrap: break-word;
1629
1634
  }
1635
+ .e-grid .e-summarycell.e-lastrowcell {
1636
+ border-bottom-width: 1px;
1637
+ }
1630
1638
  .e-grid .e-summarycontent {
1631
1639
  display: -ms-flexbox;
1632
1640
  display: flex;
@@ -1685,7 +1693,7 @@
1685
1693
  .e-grid.e-bothlines .e-rowcell {
1686
1694
  border-width: 1px 0 0 1px;
1687
1695
  }
1688
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1696
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1689
1697
  padding-bottom: 4px;
1690
1698
  vertical-align: bottom;
1691
1699
  }
@@ -1734,19 +1742,19 @@
1734
1742
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1735
1743
  border-width: 0 0 0 1px;
1736
1744
  }
1737
- .e-grid.e-default table th[rowspan] {
1745
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1738
1746
  border-width: 0 0 0 1px;
1739
1747
  }
1740
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1748
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1741
1749
  border-right-width: 2px;
1742
1750
  }
1743
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1751
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1744
1752
  border-left-width: 2px;
1745
1753
  }
1746
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1754
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1747
1755
  border-left-width: 1px;
1748
1756
  }
1749
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1757
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1750
1758
  border-right-width: 1px;
1751
1759
  }
1752
1760
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3100,21 +3108,6 @@
3100
3108
  left: 4px;
3101
3109
  position: relative;
3102
3110
  }
3103
- .e-grid.e-rtl.e-default table th[rowspan] {
3104
- border-width: 0 1px 0 0;
3105
- }
3106
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3107
- border-left-width: 2px;
3108
- }
3109
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3110
- border-right-width: 2px;
3111
- }
3112
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3113
- border-right-width: 1px;
3114
- }
3115
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3116
- border-left-width: 1px;
3117
- }
3118
3111
  .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 {
3119
3112
  border-left: 1px solid;
3120
3113
  border-right: 0;
@@ -3186,6 +3179,21 @@
3186
3179
  margin: -25px 0 -24px -5px;
3187
3180
  padding: 7px;
3188
3181
  }
3182
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3183
+ border-width: 0 1px 0 0;
3184
+ }
3185
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3186
+ border-left-width: 2px;
3187
+ }
3188
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3189
+ border-right-width: 2px;
3190
+ }
3191
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3192
+ border-right-width: 1px;
3193
+ }
3194
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3195
+ border-left-width: 1px;
3196
+ }
3189
3197
  .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 {
3190
3198
  height: Auto;
3191
3199
  line-height: 18px;
@@ -3261,13 +3269,13 @@
3261
3269
  .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) {
3262
3270
  border-right: 0;
3263
3271
  }
3264
- .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) {
3272
+ .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) {
3265
3273
  border-left: 0;
3266
3274
  }
3267
3275
  .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 {
3268
3276
  border-left: 0;
3269
3277
  }
3270
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3278
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3271
3279
  border-right: 0;
3272
3280
  }
3273
3281
  .e-grid .e-mask {
@@ -3412,6 +3420,52 @@
3412
3420
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3413
3421
  text-align: left;
3414
3422
  }
3423
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3424
+ border-width: 0 0 0 1px;
3425
+ }
3426
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3427
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3428
+ padding-bottom: 4px;
3429
+ vertical-align: bottom;
3430
+ }
3431
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3432
+ border-right-width: 2px;
3433
+ }
3434
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3435
+ border-left-width: 2px;
3436
+ }
3437
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3438
+ border-left-width: 1px;
3439
+ }
3440
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3441
+ border-right-width: 1px;
3442
+ }
3443
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3444
+ border-width: 0 1px 0 0;
3445
+ }
3446
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3447
+ border-left-width: 2px;
3448
+ }
3449
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3450
+ border-right-width: 2px;
3451
+ }
3452
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3453
+ border-right-width: 1px;
3454
+ }
3455
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3456
+ border-left-width: 1px;
3457
+ }
3458
+ .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) {
3459
+ border-left: 0;
3460
+ }
3461
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3462
+ border-right: 0;
3463
+ }
3464
+ .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
3465
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3466
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3467
+ padding-bottom: 20px;
3468
+ }
3415
3469
 
3416
3470
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3417
3471
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/fluent-dark.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,