@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/highcontrast-light.css CHANGED
@@ -878,6 +878,10 @@ li.e-separator.e-menu-item.e-excel-separator {
878
878
  font-size: 14px;
879
879
  padding: 9px 10px;
880
880
  }
881
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
882
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
883
+ border-bottom-width: 1px;
884
+ }
881
885
  .e-bigger .e-grid .e-rowcell:first-child,
882
886
  .e-bigger .e-grid .e-summarycell:first-child,
883
887
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1266,11 +1270,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1266
1270
  margin-right: 10px;
1267
1271
  width: 76px;
1268
1272
  }
1269
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1270
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1271
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1272
- padding-bottom: 20px;
1273
- }
1274
1273
  .e-bigger .e-grid .e-groupsort,
1275
1274
  .e-bigger .e-grid span.e-ungroupbutton,
1276
1275
  .e-bigger .e-grid .e-toggleungroup,
@@ -1430,6 +1429,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1430
1429
  -ms-user-select: none;
1431
1430
  user-select: none;
1432
1431
  }
1432
+ .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],
1433
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1434
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1435
+ padding-bottom: 20px;
1436
+ }
1437
+
1433
1438
  .e-grid {
1434
1439
  border-radius: 0;
1435
1440
  border-style: none solid solid;
@@ -2055,6 +2060,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2055
2060
  white-space: normal;
2056
2061
  word-wrap: break-word;
2057
2062
  }
2063
+ .e-grid .e-summarycell.e-lastrowcell {
2064
+ border-bottom-width: 1px;
2065
+ }
2058
2066
  .e-grid .e-summarycontent {
2059
2067
  display: -ms-flexbox;
2060
2068
  display: flex;
@@ -2113,7 +2121,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2113
2121
  .e-grid.e-bothlines .e-rowcell {
2114
2122
  border-width: 1px 0 0 1px;
2115
2123
  }
2116
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
2124
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2117
2125
  padding-bottom: 4px;
2118
2126
  vertical-align: bottom;
2119
2127
  }
@@ -2162,19 +2170,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2162
2170
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2163
2171
  border-width: 0 0 0 1px;
2164
2172
  }
2165
- .e-grid.e-default table th[rowspan] {
2173
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2166
2174
  border-width: 0 0 0 1px;
2167
2175
  }
2168
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2176
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2169
2177
  border-right-width: 2px;
2170
2178
  }
2171
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2179
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2172
2180
  border-left-width: 2px;
2173
2181
  }
2174
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2182
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2175
2183
  border-left-width: 1px;
2176
2184
  }
2177
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2185
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2178
2186
  border-right-width: 1px;
2179
2187
  }
2180
2188
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3528,21 +3536,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3528
3536
  left: 4px;
3529
3537
  position: relative;
3530
3538
  }
3531
- .e-grid.e-rtl.e-default table th[rowspan] {
3532
- border-width: 0 1px 0 0;
3533
- }
3534
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3535
- border-left-width: 2px;
3536
- }
3537
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3538
- border-right-width: 2px;
3539
- }
3540
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3541
- border-right-width: 1px;
3542
- }
3543
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3544
- border-left-width: 1px;
3545
- }
3546
3539
  .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 {
3547
3540
  border-left: 1px solid;
3548
3541
  border-right: 0;
@@ -3614,6 +3607,21 @@ li.e-separator.e-menu-item.e-excel-separator {
3614
3607
  margin: -18px -7px;
3615
3608
  padding: 6px;
3616
3609
  }
3610
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3611
+ border-width: 0 1px 0 0;
3612
+ }
3613
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3614
+ border-left-width: 2px;
3615
+ }
3616
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3617
+ border-right-width: 2px;
3618
+ }
3619
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3620
+ border-right-width: 1px;
3621
+ }
3622
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3623
+ border-left-width: 1px;
3624
+ }
3617
3625
  .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 {
3618
3626
  height: Auto;
3619
3627
  line-height: 18px;
@@ -3689,13 +3697,13 @@ li.e-separator.e-menu-item.e-excel-separator {
3689
3697
  .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) {
3690
3698
  border-right: 0;
3691
3699
  }
3692
- .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) {
3700
+ .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) {
3693
3701
  border-left: 0;
3694
3702
  }
3695
3703
  .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 {
3696
3704
  border-left: 0;
3697
3705
  }
3698
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3706
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3699
3707
  border-right: 0;
3700
3708
  }
3701
3709
  .e-grid .e-mask {
@@ -3840,6 +3848,52 @@ li.e-separator.e-menu-item.e-excel-separator {
3840
3848
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3841
3849
  text-align: left;
3842
3850
  }
3851
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3852
+ border-width: 0 0 0 1px;
3853
+ }
3854
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3855
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3856
+ padding-bottom: 4px;
3857
+ vertical-align: bottom;
3858
+ }
3859
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3860
+ border-right-width: 2px;
3861
+ }
3862
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3863
+ border-left-width: 2px;
3864
+ }
3865
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3866
+ border-left-width: 1px;
3867
+ }
3868
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3869
+ border-right-width: 1px;
3870
+ }
3871
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3872
+ border-width: 0 1px 0 0;
3873
+ }
3874
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3875
+ border-left-width: 2px;
3876
+ }
3877
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3878
+ border-right-width: 2px;
3879
+ }
3880
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3881
+ border-right-width: 1px;
3882
+ }
3883
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3884
+ border-left-width: 1px;
3885
+ }
3886
+ .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) {
3887
+ border-left: 0;
3888
+ }
3889
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3890
+ border-right: 0;
3891
+ }
3892
+ .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"]),
3893
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3894
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3895
+ padding-bottom: 20px;
3896
+ }
3843
3897
 
3844
3898
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3845
3899
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/highcontrast.css CHANGED
@@ -878,6 +878,10 @@ li.e-separator.e-menu-item.e-excel-separator {
878
878
  font-size: 14px;
879
879
  padding: 9px 10px;
880
880
  }
881
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
882
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
883
+ border-bottom-width: 1px;
884
+ }
881
885
  .e-bigger .e-grid .e-rowcell:first-child,
882
886
  .e-bigger .e-grid .e-summarycell:first-child,
883
887
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1266,11 +1270,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1266
1270
  margin-right: 10px;
1267
1271
  width: 76px;
1268
1272
  }
1269
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1270
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1271
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1272
- padding-bottom: 20px;
1273
- }
1274
1273
  .e-bigger .e-grid .e-groupsort,
1275
1274
  .e-bigger .e-grid span.e-ungroupbutton,
1276
1275
  .e-bigger .e-grid .e-toggleungroup,
@@ -1430,6 +1429,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1430
1429
  -ms-user-select: none;
1431
1430
  user-select: none;
1432
1431
  }
1432
+ .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],
1433
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1434
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1435
+ padding-bottom: 20px;
1436
+ }
1437
+
1433
1438
  .e-grid {
1434
1439
  border-radius: 0;
1435
1440
  border-style: none solid solid;
@@ -2055,6 +2060,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2055
2060
  white-space: normal;
2056
2061
  word-wrap: break-word;
2057
2062
  }
2063
+ .e-grid .e-summarycell.e-lastrowcell {
2064
+ border-bottom-width: 1px;
2065
+ }
2058
2066
  .e-grid .e-summarycontent {
2059
2067
  display: -ms-flexbox;
2060
2068
  display: flex;
@@ -2113,7 +2121,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2113
2121
  .e-grid.e-bothlines .e-rowcell {
2114
2122
  border-width: 1px 0 0 1px;
2115
2123
  }
2116
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
2124
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2117
2125
  padding-bottom: 4px;
2118
2126
  vertical-align: bottom;
2119
2127
  }
@@ -2162,19 +2170,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2162
2170
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2163
2171
  border-width: 0 0 0 1px;
2164
2172
  }
2165
- .e-grid.e-default table th[rowspan] {
2173
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2166
2174
  border-width: 0 0 0 1px;
2167
2175
  }
2168
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2176
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2169
2177
  border-right-width: 2px;
2170
2178
  }
2171
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2179
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2172
2180
  border-left-width: 2px;
2173
2181
  }
2174
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2182
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2175
2183
  border-left-width: 1px;
2176
2184
  }
2177
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2185
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2178
2186
  border-right-width: 1px;
2179
2187
  }
2180
2188
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3528,21 +3536,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3528
3536
  left: 4px;
3529
3537
  position: relative;
3530
3538
  }
3531
- .e-grid.e-rtl.e-default table th[rowspan] {
3532
- border-width: 0 1px 0 0;
3533
- }
3534
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3535
- border-left-width: 2px;
3536
- }
3537
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3538
- border-right-width: 2px;
3539
- }
3540
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3541
- border-right-width: 1px;
3542
- }
3543
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3544
- border-left-width: 1px;
3545
- }
3546
3539
  .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 {
3547
3540
  border-left: 1px solid;
3548
3541
  border-right: 0;
@@ -3614,6 +3607,21 @@ li.e-separator.e-menu-item.e-excel-separator {
3614
3607
  margin: -18px -7px;
3615
3608
  padding: 6px;
3616
3609
  }
3610
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3611
+ border-width: 0 1px 0 0;
3612
+ }
3613
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3614
+ border-left-width: 2px;
3615
+ }
3616
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3617
+ border-right-width: 2px;
3618
+ }
3619
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3620
+ border-right-width: 1px;
3621
+ }
3622
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3623
+ border-left-width: 1px;
3624
+ }
3617
3625
  .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 {
3618
3626
  height: Auto;
3619
3627
  line-height: 18px;
@@ -3689,13 +3697,13 @@ li.e-separator.e-menu-item.e-excel-separator {
3689
3697
  .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) {
3690
3698
  border-right: 0;
3691
3699
  }
3692
- .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) {
3700
+ .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) {
3693
3701
  border-left: 0;
3694
3702
  }
3695
3703
  .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 {
3696
3704
  border-left: 0;
3697
3705
  }
3698
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3706
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3699
3707
  border-right: 0;
3700
3708
  }
3701
3709
  .e-grid .e-mask {
@@ -3840,6 +3848,52 @@ li.e-separator.e-menu-item.e-excel-separator {
3840
3848
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3841
3849
  text-align: left;
3842
3850
  }
3851
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3852
+ border-width: 0 0 0 1px;
3853
+ }
3854
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3855
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3856
+ padding-bottom: 4px;
3857
+ vertical-align: bottom;
3858
+ }
3859
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3860
+ border-right-width: 2px;
3861
+ }
3862
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3863
+ border-left-width: 2px;
3864
+ }
3865
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3866
+ border-left-width: 1px;
3867
+ }
3868
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3869
+ border-right-width: 1px;
3870
+ }
3871
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3872
+ border-width: 0 1px 0 0;
3873
+ }
3874
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3875
+ border-left-width: 2px;
3876
+ }
3877
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3878
+ border-right-width: 2px;
3879
+ }
3880
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3881
+ border-right-width: 1px;
3882
+ }
3883
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3884
+ border-left-width: 1px;
3885
+ }
3886
+ .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) {
3887
+ border-left: 0;
3888
+ }
3889
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3890
+ border-right: 0;
3891
+ }
3892
+ .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"]),
3893
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3894
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3895
+ padding-bottom: 20px;
3896
+ }
3843
3897
 
3844
3898
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3845
3899
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/material-dark.css CHANGED
@@ -927,6 +927,10 @@ li.e-separator.e-menu-item.e-excel-separator {
927
927
  font-size: 13px;
928
928
  padding: 11px 28px;
929
929
  }
930
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
931
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
932
+ border-bottom-width: 1px;
933
+ }
930
934
  .e-bigger .e-grid .e-rowcell:first-child,
931
935
  .e-bigger .e-grid .e-summarycell:first-child,
932
936
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1315,11 +1319,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1315
1319
  margin-right: 8px;
1316
1320
  width: 76px;
1317
1321
  }
1318
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1319
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1320
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1321
- padding-bottom: 20px;
1322
- }
1323
1322
  .e-bigger .e-grid .e-groupsort,
1324
1323
  .e-bigger .e-grid span.e-ungroupbutton,
1325
1324
  .e-bigger .e-grid .e-toggleungroup,
@@ -1479,6 +1478,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1479
1478
  -ms-user-select: none;
1480
1479
  user-select: none;
1481
1480
  }
1481
+ .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],
1482
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1483
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1484
+ padding-bottom: 20px;
1485
+ }
1486
+
1482
1487
  .e-grid {
1483
1488
  border-radius: 0;
1484
1489
  border-style: none solid solid;
@@ -2104,6 +2109,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2104
2109
  white-space: normal;
2105
2110
  word-wrap: break-word;
2106
2111
  }
2112
+ .e-grid .e-summarycell.e-lastrowcell {
2113
+ border-bottom-width: 1px;
2114
+ }
2107
2115
  .e-grid .e-summarycontent {
2108
2116
  display: -ms-flexbox;
2109
2117
  display: flex;
@@ -2162,7 +2170,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2162
2170
  .e-grid.e-bothlines .e-rowcell {
2163
2171
  border-width: 1px 0 0 1px;
2164
2172
  }
2165
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
2173
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2166
2174
  padding-bottom: 13px;
2167
2175
  vertical-align: bottom;
2168
2176
  }
@@ -2211,19 +2219,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2211
2219
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2212
2220
  border-width: 0 0 0 1px;
2213
2221
  }
2214
- .e-grid.e-default table th[rowspan] {
2222
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2215
2223
  border-width: 0 0 0 1px;
2216
2224
  }
2217
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2225
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2218
2226
  border-right-width: 2px;
2219
2227
  }
2220
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2228
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2221
2229
  border-left-width: 2px;
2222
2230
  }
2223
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2231
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2224
2232
  border-left-width: 1px;
2225
2233
  }
2226
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2234
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2227
2235
  border-right-width: 1px;
2228
2236
  }
2229
2237
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3577,21 +3585,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3577
3585
  left: 4px;
3578
3586
  position: relative;
3579
3587
  }
3580
- .e-grid.e-rtl.e-default table th[rowspan] {
3581
- border-width: 0 1px 0 0;
3582
- }
3583
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3584
- border-left-width: 2px;
3585
- }
3586
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3587
- border-right-width: 2px;
3588
- }
3589
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3590
- border-right-width: 1px;
3591
- }
3592
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3593
- border-left-width: 1px;
3594
- }
3595
3588
  .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 {
3596
3589
  border-left: 1px solid;
3597
3590
  border-right: 0;
@@ -3663,6 +3656,21 @@ li.e-separator.e-menu-item.e-excel-separator {
3663
3656
  margin: -18px 0 -18px -11px;
3664
3657
  padding: 6px;
3665
3658
  }
3659
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3660
+ border-width: 0 1px 0 0;
3661
+ }
3662
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3663
+ border-left-width: 2px;
3664
+ }
3665
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3666
+ border-right-width: 2px;
3667
+ }
3668
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3669
+ border-right-width: 1px;
3670
+ }
3671
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3672
+ border-left-width: 1px;
3673
+ }
3666
3674
  .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 {
3667
3675
  height: Auto;
3668
3676
  line-height: 18px;
@@ -3738,13 +3746,13 @@ li.e-separator.e-menu-item.e-excel-separator {
3738
3746
  .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) {
3739
3747
  border-right: 0;
3740
3748
  }
3741
- .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) {
3749
+ .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) {
3742
3750
  border-left: 0;
3743
3751
  }
3744
3752
  .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 {
3745
3753
  border-left: 0;
3746
3754
  }
3747
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3755
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3748
3756
  border-right: 0;
3749
3757
  }
3750
3758
  .e-grid .e-mask {
@@ -3889,6 +3897,52 @@ li.e-separator.e-menu-item.e-excel-separator {
3889
3897
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3890
3898
  text-align: left;
3891
3899
  }
3900
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3901
+ border-width: 0 0 0 1px;
3902
+ }
3903
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3904
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3905
+ padding-bottom: 13px;
3906
+ vertical-align: bottom;
3907
+ }
3908
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3909
+ border-right-width: 2px;
3910
+ }
3911
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3912
+ border-left-width: 2px;
3913
+ }
3914
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3915
+ border-left-width: 1px;
3916
+ }
3917
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3918
+ border-right-width: 1px;
3919
+ }
3920
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3921
+ border-width: 0 1px 0 0;
3922
+ }
3923
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3924
+ border-left-width: 2px;
3925
+ }
3926
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3927
+ border-right-width: 2px;
3928
+ }
3929
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3930
+ border-right-width: 1px;
3931
+ }
3932
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3933
+ border-left-width: 1px;
3934
+ }
3935
+ .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) {
3936
+ border-left: 0;
3937
+ }
3938
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3939
+ border-right: 0;
3940
+ }
3941
+ .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"]),
3942
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3943
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3944
+ padding-bottom: 20px;
3945
+ }
3892
3946
 
3893
3947
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3894
3948
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,