@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/fluent.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,
@@ -483,6 +483,10 @@
483
483
  font-size: 14px;
484
484
  padding: 8px 8px;
485
485
  }
486
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
487
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
488
+ border-bottom-width: 1px;
489
+ }
486
490
  .e-bigger .e-grid .e-rowcell:first-child,
487
491
  .e-bigger .e-grid .e-summarycell:first-child,
488
492
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -871,11 +875,6 @@
871
875
  margin-right: 0;
872
876
  width: auto;
873
877
  }
874
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
875
- .e-grid.e-bigger .e-gridheader table th[rowspan],
876
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
877
- padding-bottom: 20px;
878
- }
879
878
  .e-bigger .e-grid .e-groupsort,
880
879
  .e-bigger .e-grid span.e-ungroupbutton,
881
880
  .e-bigger .e-grid .e-toggleungroup,
@@ -1035,6 +1034,12 @@
1035
1034
  -ms-user-select: none;
1036
1035
  user-select: none;
1037
1036
  }
1037
+ .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],
1038
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1039
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1040
+ padding-bottom: 20px;
1041
+ }
1042
+
1038
1043
  .e-grid {
1039
1044
  border-radius: 4px;
1040
1045
  border-style: none solid solid;
@@ -1660,6 +1665,9 @@
1660
1665
  white-space: normal;
1661
1666
  word-wrap: break-word;
1662
1667
  }
1668
+ .e-grid .e-summarycell.e-lastrowcell {
1669
+ border-bottom-width: 1px;
1670
+ }
1663
1671
  .e-grid .e-summarycontent {
1664
1672
  display: -ms-flexbox;
1665
1673
  display: flex;
@@ -1718,7 +1726,7 @@
1718
1726
  .e-grid.e-bothlines .e-rowcell {
1719
1727
  border-width: 1px 0 0 1px;
1720
1728
  }
1721
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1729
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1722
1730
  padding-bottom: 13px;
1723
1731
  vertical-align: bottom;
1724
1732
  }
@@ -1767,19 +1775,19 @@
1767
1775
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1768
1776
  border-width: 0 0 0 1px;
1769
1777
  }
1770
- .e-grid.e-default table th[rowspan] {
1778
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1771
1779
  border-width: 0 0 0 1px;
1772
1780
  }
1773
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1781
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1774
1782
  border-right-width: 2px;
1775
1783
  }
1776
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1784
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1777
1785
  border-left-width: 2px;
1778
1786
  }
1779
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1787
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1780
1788
  border-left-width: 1px;
1781
1789
  }
1782
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1790
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1783
1791
  border-right-width: 1px;
1784
1792
  }
1785
1793
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3133,21 +3141,6 @@
3133
3141
  left: 4px;
3134
3142
  position: relative;
3135
3143
  }
3136
- .e-grid.e-rtl.e-default table th[rowspan] {
3137
- border-width: 0 1px 0 0;
3138
- }
3139
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3140
- border-left-width: 2px;
3141
- }
3142
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3143
- border-right-width: 2px;
3144
- }
3145
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3146
- border-right-width: 1px;
3147
- }
3148
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3149
- border-left-width: 1px;
3150
- }
3151
3144
  .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 {
3152
3145
  border-left: 1px solid;
3153
3146
  border-right: 0;
@@ -3219,6 +3212,21 @@
3219
3212
  margin: -20px 0 -20px -36px;
3220
3213
  padding: 6px;
3221
3214
  }
3215
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3216
+ border-width: 0 1px 0 0;
3217
+ }
3218
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3219
+ border-left-width: 2px;
3220
+ }
3221
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3222
+ border-right-width: 2px;
3223
+ }
3224
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3225
+ border-right-width: 1px;
3226
+ }
3227
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3228
+ border-left-width: 1px;
3229
+ }
3222
3230
  .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 {
3223
3231
  height: Auto;
3224
3232
  line-height: 18px;
@@ -3294,13 +3302,13 @@
3294
3302
  .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) {
3295
3303
  border-right: 0;
3296
3304
  }
3297
- .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) {
3305
+ .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) {
3298
3306
  border-left: 0;
3299
3307
  }
3300
3308
  .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 {
3301
3309
  border-left: 0;
3302
3310
  }
3303
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3311
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3304
3312
  border-right: 0;
3305
3313
  }
3306
3314
  .e-grid .e-mask {
@@ -3445,6 +3453,52 @@
3445
3453
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3446
3454
  text-align: left;
3447
3455
  }
3456
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3457
+ border-width: 0 0 0 1px;
3458
+ }
3459
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3460
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3461
+ padding-bottom: 13px;
3462
+ vertical-align: bottom;
3463
+ }
3464
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3465
+ border-right-width: 2px;
3466
+ }
3467
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3468
+ border-left-width: 2px;
3469
+ }
3470
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3471
+ border-left-width: 1px;
3472
+ }
3473
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3474
+ border-right-width: 1px;
3475
+ }
3476
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3477
+ border-width: 0 1px 0 0;
3478
+ }
3479
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3480
+ border-left-width: 2px;
3481
+ }
3482
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3483
+ border-right-width: 2px;
3484
+ }
3485
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3486
+ border-right-width: 1px;
3487
+ }
3488
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3489
+ border-left-width: 1px;
3490
+ }
3491
+ .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) {
3492
+ border-left: 0;
3493
+ }
3494
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3495
+ border-right: 0;
3496
+ }
3497
+ .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"]),
3498
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3499
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3500
+ padding-bottom: 20px;
3501
+ }
3448
3502
 
3449
3503
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3450
3504
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
@@ -484,6 +484,10 @@
484
484
  font-size: 14px;
485
485
  padding: 8px 8px;
486
486
  }
487
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
488
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
489
+ border-bottom-width: 1px;
490
+ }
487
491
  .e-bigger .e-grid .e-rowcell:first-child,
488
492
  .e-bigger .e-grid .e-summarycell:first-child,
489
493
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -872,11 +876,6 @@
872
876
  margin-right: 0;
873
877
  width: auto;
874
878
  }
875
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
876
- .e-grid.e-bigger .e-gridheader table th[rowspan],
877
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
878
- padding-bottom: 20px;
879
- }
880
879
  .e-bigger .e-grid .e-groupsort,
881
880
  .e-bigger .e-grid span.e-ungroupbutton,
882
881
  .e-bigger .e-grid .e-toggleungroup,
@@ -1036,6 +1035,12 @@
1036
1035
  -ms-user-select: none;
1037
1036
  user-select: none;
1038
1037
  }
1038
+ .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],
1039
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1040
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1041
+ padding-bottom: 20px;
1042
+ }
1043
+
1039
1044
  .e-grid {
1040
1045
  border-radius: 4px;
1041
1046
  border-style: none solid solid;
@@ -1661,6 +1666,9 @@
1661
1666
  white-space: normal;
1662
1667
  word-wrap: break-word;
1663
1668
  }
1669
+ .e-grid .e-summarycell.e-lastrowcell {
1670
+ border-bottom-width: 1px;
1671
+ }
1664
1672
  .e-grid .e-summarycontent {
1665
1673
  display: -ms-flexbox;
1666
1674
  display: flex;
@@ -1719,7 +1727,7 @@
1719
1727
  .e-grid.e-bothlines .e-rowcell {
1720
1728
  border-width: 1px 0 0 1px;
1721
1729
  }
1722
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1730
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1723
1731
  padding-bottom: 13px;
1724
1732
  vertical-align: bottom;
1725
1733
  }
@@ -1768,19 +1776,19 @@
1768
1776
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1769
1777
  border-width: 0 0 0 1px;
1770
1778
  }
1771
- .e-grid.e-default table th[rowspan] {
1779
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1772
1780
  border-width: 0 0 0 1px;
1773
1781
  }
1774
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1782
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1775
1783
  border-right-width: 2px;
1776
1784
  }
1777
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1785
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1778
1786
  border-left-width: 2px;
1779
1787
  }
1780
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1788
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1781
1789
  border-left-width: 1px;
1782
1790
  }
1783
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1791
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1784
1792
  border-right-width: 1px;
1785
1793
  }
1786
1794
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3134,21 +3142,6 @@
3134
3142
  left: 4px;
3135
3143
  position: relative;
3136
3144
  }
3137
- .e-grid.e-rtl.e-default table th[rowspan] {
3138
- border-width: 0 1px 0 0;
3139
- }
3140
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3141
- border-left-width: 2px;
3142
- }
3143
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3144
- border-right-width: 2px;
3145
- }
3146
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3147
- border-right-width: 1px;
3148
- }
3149
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3150
- border-left-width: 1px;
3151
- }
3152
3145
  .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 {
3153
3146
  border-left: 1px solid;
3154
3147
  border-right: 0;
@@ -3220,6 +3213,21 @@
3220
3213
  margin: -20px 0 -20px -30px;
3221
3214
  padding: 6px;
3222
3215
  }
3216
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3217
+ border-width: 0 1px 0 0;
3218
+ }
3219
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3220
+ border-left-width: 2px;
3221
+ }
3222
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3223
+ border-right-width: 2px;
3224
+ }
3225
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3226
+ border-right-width: 1px;
3227
+ }
3228
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3229
+ border-left-width: 1px;
3230
+ }
3223
3231
  .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 {
3224
3232
  height: Auto;
3225
3233
  line-height: 18px;
@@ -3295,13 +3303,13 @@
3295
3303
  .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) {
3296
3304
  border-right: 0;
3297
3305
  }
3298
- .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) {
3306
+ .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) {
3299
3307
  border-left: 0;
3300
3308
  }
3301
3309
  .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 {
3302
3310
  border-left: 0;
3303
3311
  }
3304
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3312
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3305
3313
  border-right: 0;
3306
3314
  }
3307
3315
  .e-grid .e-mask {
@@ -3446,6 +3454,52 @@
3446
3454
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3447
3455
  text-align: left;
3448
3456
  }
3457
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3458
+ border-width: 0 0 0 1px;
3459
+ }
3460
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3461
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3462
+ padding-bottom: 13px;
3463
+ vertical-align: bottom;
3464
+ }
3465
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3466
+ border-right-width: 2px;
3467
+ }
3468
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3469
+ border-left-width: 2px;
3470
+ }
3471
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3472
+ border-left-width: 1px;
3473
+ }
3474
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3475
+ border-right-width: 1px;
3476
+ }
3477
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3478
+ border-width: 0 1px 0 0;
3479
+ }
3480
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3481
+ border-left-width: 2px;
3482
+ }
3483
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3484
+ border-right-width: 2px;
3485
+ }
3486
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3487
+ border-right-width: 1px;
3488
+ }
3489
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3490
+ border-left-width: 1px;
3491
+ }
3492
+ .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) {
3493
+ border-left: 0;
3494
+ }
3495
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3496
+ border-right: 0;
3497
+ }
3498
+ .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"]),
3499
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3500
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3501
+ padding-bottom: 20px;
3502
+ }
3449
3503
 
3450
3504
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3451
3505
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,