@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/tailwind-dark.css CHANGED
@@ -910,6 +910,10 @@ li.e-separator.e-menu-item.e-excel-separator {
910
910
  font-size: 16px;
911
911
  padding: 10px 12px;
912
912
  }
913
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
914
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
915
+ border-bottom-width: 1px;
916
+ }
913
917
  .e-bigger .e-grid .e-rowcell:first-child,
914
918
  .e-bigger .e-grid .e-summarycell:first-child,
915
919
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1343,11 +1347,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1343
1347
  margin-right: 8px;
1344
1348
  width: auto;
1345
1349
  }
1346
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1347
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1348
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1349
- padding-bottom: 20px;
1350
- }
1351
1350
  .e-bigger .e-grid .e-groupsort,
1352
1351
  .e-bigger .e-grid span.e-ungroupbutton,
1353
1352
  .e-bigger .e-grid .e-toggleungroup,
@@ -1511,6 +1510,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1511
1510
  -ms-user-select: none;
1512
1511
  user-select: none;
1513
1512
  }
1513
+ .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],
1514
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1515
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1516
+ padding-bottom: 20px;
1517
+ }
1518
+
1514
1519
  .e-grid {
1515
1520
  border-radius: 4px;
1516
1521
  border-style: none solid solid;
@@ -2141,6 +2146,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2141
2146
  white-space: normal;
2142
2147
  word-wrap: break-word;
2143
2148
  }
2149
+ .e-grid .e-summarycell.e-lastrowcell {
2150
+ border-bottom-width: 1px;
2151
+ }
2144
2152
  .e-grid .e-summarycontent {
2145
2153
  display: -ms-flexbox;
2146
2154
  display: flex;
@@ -2199,7 +2207,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2199
2207
  .e-grid.e-bothlines .e-rowcell {
2200
2208
  border-width: 1px 0 0 1px;
2201
2209
  }
2202
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
2210
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2203
2211
  padding-bottom: 13px;
2204
2212
  vertical-align: bottom;
2205
2213
  }
@@ -2248,19 +2256,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2248
2256
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2249
2257
  border-width: 0 0 0 1px;
2250
2258
  }
2251
- .e-grid.e-default table th[rowspan] {
2259
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2252
2260
  border-width: 0 0 0 1px;
2253
2261
  }
2254
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2262
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2255
2263
  border-right-width: 2px;
2256
2264
  }
2257
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2265
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2258
2266
  border-left-width: 2px;
2259
2267
  }
2260
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2268
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2261
2269
  border-left-width: 1px;
2262
2270
  }
2263
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2271
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2264
2272
  border-right-width: 1px;
2265
2273
  }
2266
2274
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3642,21 +3650,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3642
3650
  left: 4px;
3643
3651
  position: relative;
3644
3652
  }
3645
- .e-grid.e-rtl.e-default table th[rowspan] {
3646
- border-width: 0 1px 0 0;
3647
- }
3648
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3649
- border-left-width: 2px;
3650
- }
3651
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3652
- border-right-width: 2px;
3653
- }
3654
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3655
- border-right-width: 1px;
3656
- }
3657
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3658
- border-left-width: 1px;
3659
- }
3660
3653
  .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 {
3661
3654
  border-left: 1px solid;
3662
3655
  border-right: 0;
@@ -3728,6 +3721,21 @@ li.e-separator.e-menu-item.e-excel-separator {
3728
3721
  margin: -13px 4px -13px -3px;
3729
3722
  padding: 3px;
3730
3723
  }
3724
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3725
+ border-width: 0 1px 0 0;
3726
+ }
3727
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3728
+ border-left-width: 2px;
3729
+ }
3730
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3731
+ border-right-width: 2px;
3732
+ }
3733
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3734
+ border-right-width: 1px;
3735
+ }
3736
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3737
+ border-left-width: 1px;
3738
+ }
3731
3739
  .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 {
3732
3740
  height: Auto;
3733
3741
  line-height: 21px;
@@ -3803,13 +3811,13 @@ li.e-separator.e-menu-item.e-excel-separator {
3803
3811
  .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) {
3804
3812
  border-right: 0;
3805
3813
  }
3806
- .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) {
3814
+ .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) {
3807
3815
  border-left: 0;
3808
3816
  }
3809
3817
  .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 {
3810
3818
  border-left: 0;
3811
3819
  }
3812
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3820
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3813
3821
  border-right: 0;
3814
3822
  }
3815
3823
  .e-grid .e-mask {
@@ -3954,6 +3962,52 @@ li.e-separator.e-menu-item.e-excel-separator {
3954
3962
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3955
3963
  text-align: left;
3956
3964
  }
3965
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3966
+ border-width: 0 0 0 1px;
3967
+ }
3968
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3969
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3970
+ padding-bottom: 13px;
3971
+ vertical-align: bottom;
3972
+ }
3973
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3974
+ border-right-width: 2px;
3975
+ }
3976
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3977
+ border-left-width: 2px;
3978
+ }
3979
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3980
+ border-left-width: 1px;
3981
+ }
3982
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3983
+ border-right-width: 1px;
3984
+ }
3985
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3986
+ border-width: 0 1px 0 0;
3987
+ }
3988
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3989
+ border-left-width: 2px;
3990
+ }
3991
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3992
+ border-right-width: 2px;
3993
+ }
3994
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3995
+ border-right-width: 1px;
3996
+ }
3997
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3998
+ border-left-width: 1px;
3999
+ }
4000
+ .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) {
4001
+ border-left: 0;
4002
+ }
4003
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
4004
+ border-right: 0;
4005
+ }
4006
+ .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"]),
4007
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
4008
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
4009
+ padding-bottom: 20px;
4010
+ }
3957
4011
 
3958
4012
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3959
4013
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/tailwind.css CHANGED
@@ -910,6 +910,10 @@ li.e-separator.e-menu-item.e-excel-separator {
910
910
  font-size: 16px;
911
911
  padding: 10px 12px;
912
912
  }
913
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
914
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
915
+ border-bottom-width: 1px;
916
+ }
913
917
  .e-bigger .e-grid .e-rowcell:first-child,
914
918
  .e-bigger .e-grid .e-summarycell:first-child,
915
919
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1343,11 +1347,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1343
1347
  margin-right: 8px;
1344
1348
  width: auto;
1345
1349
  }
1346
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1347
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1348
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1349
- padding-bottom: 20px;
1350
- }
1351
1350
  .e-bigger .e-grid .e-groupsort,
1352
1351
  .e-bigger .e-grid span.e-ungroupbutton,
1353
1352
  .e-bigger .e-grid .e-toggleungroup,
@@ -1511,6 +1510,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1511
1510
  -ms-user-select: none;
1512
1511
  user-select: none;
1513
1512
  }
1513
+ .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],
1514
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1515
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1516
+ padding-bottom: 20px;
1517
+ }
1518
+
1514
1519
  .e-grid {
1515
1520
  border-radius: 4px;
1516
1521
  border-style: none solid solid;
@@ -2141,6 +2146,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2141
2146
  white-space: normal;
2142
2147
  word-wrap: break-word;
2143
2148
  }
2149
+ .e-grid .e-summarycell.e-lastrowcell {
2150
+ border-bottom-width: 1px;
2151
+ }
2144
2152
  .e-grid .e-summarycontent {
2145
2153
  display: -ms-flexbox;
2146
2154
  display: flex;
@@ -2199,7 +2207,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2199
2207
  .e-grid.e-bothlines .e-rowcell {
2200
2208
  border-width: 1px 0 0 1px;
2201
2209
  }
2202
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
2210
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2203
2211
  padding-bottom: 13px;
2204
2212
  vertical-align: bottom;
2205
2213
  }
@@ -2248,19 +2256,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2248
2256
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2249
2257
  border-width: 0 0 0 1px;
2250
2258
  }
2251
- .e-grid.e-default table th[rowspan] {
2259
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2252
2260
  border-width: 0 0 0 1px;
2253
2261
  }
2254
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2262
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2255
2263
  border-right-width: 2px;
2256
2264
  }
2257
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2265
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2258
2266
  border-left-width: 2px;
2259
2267
  }
2260
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2268
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2261
2269
  border-left-width: 1px;
2262
2270
  }
2263
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2271
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2264
2272
  border-right-width: 1px;
2265
2273
  }
2266
2274
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3642,21 +3650,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3642
3650
  left: 4px;
3643
3651
  position: relative;
3644
3652
  }
3645
- .e-grid.e-rtl.e-default table th[rowspan] {
3646
- border-width: 0 1px 0 0;
3647
- }
3648
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3649
- border-left-width: 2px;
3650
- }
3651
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3652
- border-right-width: 2px;
3653
- }
3654
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3655
- border-right-width: 1px;
3656
- }
3657
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3658
- border-left-width: 1px;
3659
- }
3660
3653
  .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 {
3661
3654
  border-left: 1px solid;
3662
3655
  border-right: 0;
@@ -3728,6 +3721,21 @@ li.e-separator.e-menu-item.e-excel-separator {
3728
3721
  margin: -13px 4px -13px -3px;
3729
3722
  padding: 3px;
3730
3723
  }
3724
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3725
+ border-width: 0 1px 0 0;
3726
+ }
3727
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3728
+ border-left-width: 2px;
3729
+ }
3730
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3731
+ border-right-width: 2px;
3732
+ }
3733
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3734
+ border-right-width: 1px;
3735
+ }
3736
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3737
+ border-left-width: 1px;
3738
+ }
3731
3739
  .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 {
3732
3740
  height: Auto;
3733
3741
  line-height: 21px;
@@ -3803,13 +3811,13 @@ li.e-separator.e-menu-item.e-excel-separator {
3803
3811
  .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) {
3804
3812
  border-right: 0;
3805
3813
  }
3806
- .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) {
3814
+ .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) {
3807
3815
  border-left: 0;
3808
3816
  }
3809
3817
  .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 {
3810
3818
  border-left: 0;
3811
3819
  }
3812
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3820
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3813
3821
  border-right: 0;
3814
3822
  }
3815
3823
  .e-grid .e-mask {
@@ -3954,6 +3962,52 @@ li.e-separator.e-menu-item.e-excel-separator {
3954
3962
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3955
3963
  text-align: left;
3956
3964
  }
3965
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3966
+ border-width: 0 0 0 1px;
3967
+ }
3968
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3969
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3970
+ padding-bottom: 13px;
3971
+ vertical-align: bottom;
3972
+ }
3973
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3974
+ border-right-width: 2px;
3975
+ }
3976
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3977
+ border-left-width: 2px;
3978
+ }
3979
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3980
+ border-left-width: 1px;
3981
+ }
3982
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3983
+ border-right-width: 1px;
3984
+ }
3985
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3986
+ border-width: 0 1px 0 0;
3987
+ }
3988
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3989
+ border-left-width: 2px;
3990
+ }
3991
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3992
+ border-right-width: 2px;
3993
+ }
3994
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3995
+ border-right-width: 1px;
3996
+ }
3997
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3998
+ border-left-width: 1px;
3999
+ }
4000
+ .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) {
4001
+ border-left: 0;
4002
+ }
4003
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
4004
+ border-right: 0;
4005
+ }
4006
+ .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"]),
4007
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
4008
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
4009
+ padding-bottom: 20px;
4010
+ }
3957
4011
 
3958
4012
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3959
4013
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,