@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/fabric-dark.css CHANGED
@@ -881,6 +881,10 @@ li.e-separator.e-menu-item.e-excel-separator {
881
881
  font-size: 14px;
882
882
  padding: 9px 10px;
883
883
  }
884
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
885
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
886
+ border-bottom-width: 1px;
887
+ }
884
888
  .e-bigger .e-grid .e-rowcell:first-child,
885
889
  .e-bigger .e-grid .e-summarycell:first-child,
886
890
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1269,11 +1273,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1269
1273
  margin-right: 10px;
1270
1274
  width: 76px;
1271
1275
  }
1272
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1273
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1274
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1275
- padding-bottom: 20px;
1276
- }
1277
1276
  .e-bigger .e-grid .e-groupsort,
1278
1277
  .e-bigger .e-grid span.e-ungroupbutton,
1279
1278
  .e-bigger .e-grid .e-toggleungroup,
@@ -1433,6 +1432,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1433
1432
  -ms-user-select: none;
1434
1433
  user-select: none;
1435
1434
  }
1435
+ .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],
1436
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1437
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1438
+ padding-bottom: 20px;
1439
+ }
1440
+
1436
1441
  .e-grid {
1437
1442
  border-radius: 0;
1438
1443
  border-style: none solid solid;
@@ -2058,6 +2063,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2058
2063
  white-space: normal;
2059
2064
  word-wrap: break-word;
2060
2065
  }
2066
+ .e-grid .e-summarycell.e-lastrowcell {
2067
+ border-bottom-width: 1px;
2068
+ }
2061
2069
  .e-grid .e-summarycontent {
2062
2070
  display: -ms-flexbox;
2063
2071
  display: flex;
@@ -2116,7 +2124,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2116
2124
  .e-grid.e-bothlines .e-rowcell {
2117
2125
  border-width: 1px 0 0 1px;
2118
2126
  }
2119
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
2127
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2120
2128
  padding-bottom: 4px;
2121
2129
  vertical-align: bottom;
2122
2130
  }
@@ -2165,19 +2173,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2165
2173
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2166
2174
  border-width: 0 0 0 1px;
2167
2175
  }
2168
- .e-grid.e-default table th[rowspan] {
2176
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2169
2177
  border-width: 0 0 0 1px;
2170
2178
  }
2171
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2179
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2172
2180
  border-right-width: 2px;
2173
2181
  }
2174
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2182
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2175
2183
  border-left-width: 2px;
2176
2184
  }
2177
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2185
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2178
2186
  border-left-width: 1px;
2179
2187
  }
2180
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2188
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2181
2189
  border-right-width: 1px;
2182
2190
  }
2183
2191
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3531,21 +3539,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3531
3539
  left: 4px;
3532
3540
  position: relative;
3533
3541
  }
3534
- .e-grid.e-rtl.e-default table th[rowspan] {
3535
- border-width: 0 1px 0 0;
3536
- }
3537
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3538
- border-left-width: 2px;
3539
- }
3540
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3541
- border-right-width: 2px;
3542
- }
3543
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3544
- border-right-width: 1px;
3545
- }
3546
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3547
- border-left-width: 1px;
3548
- }
3549
3542
  .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 {
3550
3543
  border-left: 1px solid;
3551
3544
  border-right: 0;
@@ -3617,6 +3610,21 @@ li.e-separator.e-menu-item.e-excel-separator {
3617
3610
  margin: -27px 0 -24px -5px;
3618
3611
  padding: 7px;
3619
3612
  }
3613
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3614
+ border-width: 0 1px 0 0;
3615
+ }
3616
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3617
+ border-left-width: 2px;
3618
+ }
3619
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3620
+ border-right-width: 2px;
3621
+ }
3622
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3623
+ border-right-width: 1px;
3624
+ }
3625
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3626
+ border-left-width: 1px;
3627
+ }
3620
3628
  .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 {
3621
3629
  height: Auto;
3622
3630
  line-height: 18px;
@@ -3692,13 +3700,13 @@ li.e-separator.e-menu-item.e-excel-separator {
3692
3700
  .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) {
3693
3701
  border-right: 0;
3694
3702
  }
3695
- .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) {
3703
+ .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) {
3696
3704
  border-left: 0;
3697
3705
  }
3698
3706
  .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 {
3699
3707
  border-left: 0;
3700
3708
  }
3701
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3709
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3702
3710
  border-right: 0;
3703
3711
  }
3704
3712
  .e-grid .e-mask {
@@ -3843,6 +3851,52 @@ li.e-separator.e-menu-item.e-excel-separator {
3843
3851
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3844
3852
  text-align: left;
3845
3853
  }
3854
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3855
+ border-width: 0 0 0 1px;
3856
+ }
3857
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3858
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3859
+ padding-bottom: 4px;
3860
+ vertical-align: bottom;
3861
+ }
3862
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3863
+ border-right-width: 2px;
3864
+ }
3865
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3866
+ border-left-width: 2px;
3867
+ }
3868
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3869
+ border-left-width: 1px;
3870
+ }
3871
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3872
+ border-right-width: 1px;
3873
+ }
3874
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3875
+ border-width: 0 1px 0 0;
3876
+ }
3877
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3878
+ border-left-width: 2px;
3879
+ }
3880
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3881
+ border-right-width: 2px;
3882
+ }
3883
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3884
+ border-right-width: 1px;
3885
+ }
3886
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3887
+ border-left-width: 1px;
3888
+ }
3889
+ .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) {
3890
+ border-left: 0;
3891
+ }
3892
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3893
+ border-right: 0;
3894
+ }
3895
+ .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"]),
3896
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3897
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3898
+ padding-bottom: 20px;
3899
+ }
3846
3900
 
3847
3901
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3848
3902
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/fabric.css CHANGED
@@ -874,6 +874,10 @@ li.e-separator.e-menu-item.e-excel-separator {
874
874
  font-size: 14px;
875
875
  padding: 9px 10px;
876
876
  }
877
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
878
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
879
+ border-bottom-width: 1px;
880
+ }
877
881
  .e-bigger .e-grid .e-rowcell:first-child,
878
882
  .e-bigger .e-grid .e-summarycell:first-child,
879
883
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1262,11 +1266,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1262
1266
  margin-right: 10px;
1263
1267
  width: 76px;
1264
1268
  }
1265
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1266
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1267
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1268
- padding-bottom: 20px;
1269
- }
1270
1269
  .e-bigger .e-grid .e-groupsort,
1271
1270
  .e-bigger .e-grid span.e-ungroupbutton,
1272
1271
  .e-bigger .e-grid .e-toggleungroup,
@@ -1426,6 +1425,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1426
1425
  -ms-user-select: none;
1427
1426
  user-select: none;
1428
1427
  }
1428
+ .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],
1429
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1430
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1431
+ padding-bottom: 20px;
1432
+ }
1433
+
1429
1434
  .e-grid {
1430
1435
  border-radius: 0;
1431
1436
  border-style: none solid solid;
@@ -2051,6 +2056,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2051
2056
  white-space: normal;
2052
2057
  word-wrap: break-word;
2053
2058
  }
2059
+ .e-grid .e-summarycell.e-lastrowcell {
2060
+ border-bottom-width: 1px;
2061
+ }
2054
2062
  .e-grid .e-summarycontent {
2055
2063
  display: -ms-flexbox;
2056
2064
  display: flex;
@@ -2109,7 +2117,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2109
2117
  .e-grid.e-bothlines .e-rowcell {
2110
2118
  border-width: 1px 0 0 1px;
2111
2119
  }
2112
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
2120
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2113
2121
  padding-bottom: 4px;
2114
2122
  vertical-align: bottom;
2115
2123
  }
@@ -2158,19 +2166,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2158
2166
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2159
2167
  border-width: 0 0 0 1px;
2160
2168
  }
2161
- .e-grid.e-default table th[rowspan] {
2169
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2162
2170
  border-width: 0 0 0 1px;
2163
2171
  }
2164
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2172
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2165
2173
  border-right-width: 2px;
2166
2174
  }
2167
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2175
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2168
2176
  border-left-width: 2px;
2169
2177
  }
2170
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2178
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2171
2179
  border-left-width: 1px;
2172
2180
  }
2173
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2181
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2174
2182
  border-right-width: 1px;
2175
2183
  }
2176
2184
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3524,21 +3532,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3524
3532
  left: 4px;
3525
3533
  position: relative;
3526
3534
  }
3527
- .e-grid.e-rtl.e-default table th[rowspan] {
3528
- border-width: 0 1px 0 0;
3529
- }
3530
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3531
- border-left-width: 2px;
3532
- }
3533
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3534
- border-right-width: 2px;
3535
- }
3536
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3537
- border-right-width: 1px;
3538
- }
3539
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3540
- border-left-width: 1px;
3541
- }
3542
3535
  .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 {
3543
3536
  border-left: 1px solid;
3544
3537
  border-right: 0;
@@ -3610,6 +3603,21 @@ li.e-separator.e-menu-item.e-excel-separator {
3610
3603
  margin: -25px 0 -24px -5px;
3611
3604
  padding: 7px;
3612
3605
  }
3606
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3607
+ border-width: 0 1px 0 0;
3608
+ }
3609
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3610
+ border-left-width: 2px;
3611
+ }
3612
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3613
+ border-right-width: 2px;
3614
+ }
3615
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3616
+ border-right-width: 1px;
3617
+ }
3618
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3619
+ border-left-width: 1px;
3620
+ }
3613
3621
  .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 {
3614
3622
  height: Auto;
3615
3623
  line-height: 18px;
@@ -3685,13 +3693,13 @@ li.e-separator.e-menu-item.e-excel-separator {
3685
3693
  .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) {
3686
3694
  border-right: 0;
3687
3695
  }
3688
- .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) {
3696
+ .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) {
3689
3697
  border-left: 0;
3690
3698
  }
3691
3699
  .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 {
3692
3700
  border-left: 0;
3693
3701
  }
3694
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3702
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3695
3703
  border-right: 0;
3696
3704
  }
3697
3705
  .e-grid .e-mask {
@@ -3836,6 +3844,52 @@ li.e-separator.e-menu-item.e-excel-separator {
3836
3844
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3837
3845
  text-align: left;
3838
3846
  }
3847
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3848
+ border-width: 0 0 0 1px;
3849
+ }
3850
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3851
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3852
+ padding-bottom: 4px;
3853
+ vertical-align: bottom;
3854
+ }
3855
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3856
+ border-right-width: 2px;
3857
+ }
3858
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3859
+ border-left-width: 2px;
3860
+ }
3861
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3862
+ border-left-width: 1px;
3863
+ }
3864
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3865
+ border-right-width: 1px;
3866
+ }
3867
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3868
+ border-width: 0 1px 0 0;
3869
+ }
3870
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3871
+ border-left-width: 2px;
3872
+ }
3873
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3874
+ border-right-width: 2px;
3875
+ }
3876
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3877
+ border-right-width: 1px;
3878
+ }
3879
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3880
+ border-left-width: 1px;
3881
+ }
3882
+ .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) {
3883
+ border-left: 0;
3884
+ }
3885
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3886
+ border-right: 0;
3887
+ }
3888
+ .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"]),
3889
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3890
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3891
+ padding-bottom: 20px;
3892
+ }
3839
3893
 
3840
3894
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3841
3895
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/fluent-dark.css CHANGED
@@ -942,6 +942,10 @@ li.e-separator.e-menu-item.e-excel-separator {
942
942
  font-size: 16px;
943
943
  padding: 13.5px 12px;
944
944
  }
945
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
946
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
947
+ border-bottom-width: 1px;
948
+ }
945
949
  .e-bigger .e-grid .e-rowcell:first-child,
946
950
  .e-bigger .e-grid .e-summarycell:first-child,
947
951
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1347,11 +1351,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1347
1351
  margin-right: 0;
1348
1352
  width: auto;
1349
1353
  }
1350
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1351
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1352
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1353
- padding-bottom: 20px;
1354
- }
1355
1354
  .e-bigger .e-grid .e-groupsort,
1356
1355
  .e-bigger .e-grid span.e-ungroupbutton,
1357
1356
  .e-bigger .e-grid .e-toggleungroup,
@@ -1521,6 +1520,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1521
1520
  -ms-user-select: none;
1522
1521
  user-select: none;
1523
1522
  }
1523
+ .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],
1524
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1525
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1526
+ padding-bottom: 20px;
1527
+ }
1528
+
1524
1529
  .e-grid {
1525
1530
  border-radius: 1px;
1526
1531
  border-style: none solid solid;
@@ -2149,6 +2154,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2149
2154
  white-space: normal;
2150
2155
  word-wrap: break-word;
2151
2156
  }
2157
+ .e-grid .e-summarycell.e-lastrowcell {
2158
+ border-bottom-width: 1px;
2159
+ }
2152
2160
  .e-grid .e-summarycontent {
2153
2161
  display: -ms-flexbox;
2154
2162
  display: flex;
@@ -2207,7 +2215,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2207
2215
  .e-grid.e-bothlines .e-rowcell {
2208
2216
  border-width: 1px 0 0 1px;
2209
2217
  }
2210
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
2218
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2211
2219
  padding-bottom: 13px;
2212
2220
  vertical-align: bottom;
2213
2221
  }
@@ -2256,19 +2264,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2256
2264
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2257
2265
  border-width: 0 0 0 1px;
2258
2266
  }
2259
- .e-grid.e-default table th[rowspan] {
2267
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2260
2268
  border-width: 0 0 0 1px;
2261
2269
  }
2262
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2270
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2263
2271
  border-right-width: 2px;
2264
2272
  }
2265
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2273
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2266
2274
  border-left-width: 2px;
2267
2275
  }
2268
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2276
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2269
2277
  border-left-width: 1px;
2270
2278
  }
2271
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2279
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2272
2280
  border-right-width: 1px;
2273
2281
  }
2274
2282
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3631,21 +3639,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3631
3639
  left: 4px;
3632
3640
  position: relative;
3633
3641
  }
3634
- .e-grid.e-rtl.e-default table th[rowspan] {
3635
- border-width: 0 1px 0 0;
3636
- }
3637
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3638
- border-left-width: 2px;
3639
- }
3640
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3641
- border-right-width: 2px;
3642
- }
3643
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3644
- border-right-width: 1px;
3645
- }
3646
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3647
- border-left-width: 1px;
3648
- }
3649
3642
  .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 {
3650
3643
  border-left: 1px solid;
3651
3644
  border-right: 0;
@@ -3717,6 +3710,21 @@ li.e-separator.e-menu-item.e-excel-separator {
3717
3710
  margin: -21px 0 -20px -35px;
3718
3711
  padding: 6px;
3719
3712
  }
3713
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3714
+ border-width: 0 1px 0 0;
3715
+ }
3716
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3717
+ border-left-width: 2px;
3718
+ }
3719
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3720
+ border-right-width: 2px;
3721
+ }
3722
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3723
+ border-right-width: 1px;
3724
+ }
3725
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3726
+ border-left-width: 1px;
3727
+ }
3720
3728
  .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 {
3721
3729
  height: Auto;
3722
3730
  line-height: 21px;
@@ -3792,13 +3800,13 @@ li.e-separator.e-menu-item.e-excel-separator {
3792
3800
  .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) {
3793
3801
  border-right: 0;
3794
3802
  }
3795
- .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) {
3803
+ .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) {
3796
3804
  border-left: 0;
3797
3805
  }
3798
3806
  .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 {
3799
3807
  border-left: 0;
3800
3808
  }
3801
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3809
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3802
3810
  border-right: 0;
3803
3811
  }
3804
3812
  .e-grid .e-mask {
@@ -3943,6 +3951,52 @@ li.e-separator.e-menu-item.e-excel-separator {
3943
3951
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3944
3952
  text-align: left;
3945
3953
  }
3954
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3955
+ border-width: 0 0 0 1px;
3956
+ }
3957
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3958
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3959
+ padding-bottom: 13px;
3960
+ vertical-align: bottom;
3961
+ }
3962
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3963
+ border-right-width: 2px;
3964
+ }
3965
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3966
+ border-left-width: 2px;
3967
+ }
3968
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3969
+ border-left-width: 1px;
3970
+ }
3971
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3972
+ border-right-width: 1px;
3973
+ }
3974
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3975
+ border-width: 0 1px 0 0;
3976
+ }
3977
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3978
+ border-left-width: 2px;
3979
+ }
3980
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3981
+ border-right-width: 2px;
3982
+ }
3983
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3984
+ border-right-width: 1px;
3985
+ }
3986
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3987
+ border-left-width: 1px;
3988
+ }
3989
+ .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) {
3990
+ border-left: 0;
3991
+ }
3992
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3993
+ border-right: 0;
3994
+ }
3995
+ .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"]),
3996
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3997
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3998
+ padding-bottom: 20px;
3999
+ }
3946
4000
 
3947
4001
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3948
4002
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,