@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
@@ -969,6 +969,10 @@ li.e-separator.e-menu-item.e-excel-separator {
969
969
  font-size: 13px;
970
970
  padding: 11px 28px;
971
971
  }
972
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
973
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
974
+ border-bottom-width: 1px;
975
+ }
972
976
  .e-bigger .e-grid .e-rowcell:first-child,
973
977
  .e-bigger .e-grid .e-summarycell:first-child,
974
978
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1357,11 +1361,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1357
1361
  margin-right: 8px;
1358
1362
  width: 76px;
1359
1363
  }
1360
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1361
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1362
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1363
- padding-bottom: 20px;
1364
- }
1365
1364
  .e-bigger .e-grid .e-groupsort,
1366
1365
  .e-bigger .e-grid span.e-ungroupbutton,
1367
1366
  .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: 0;
1526
1531
  border-style: none solid solid;
@@ -2146,6 +2151,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2146
2151
  white-space: normal;
2147
2152
  word-wrap: break-word;
2148
2153
  }
2154
+ .e-grid .e-summarycell.e-lastrowcell {
2155
+ border-bottom-width: 1px;
2156
+ }
2149
2157
  .e-grid .e-summarycontent {
2150
2158
  display: -ms-flexbox;
2151
2159
  display: flex;
@@ -2204,7 +2212,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2204
2212
  .e-grid.e-bothlines .e-rowcell {
2205
2213
  border-width: 1px 0 0 1px;
2206
2214
  }
2207
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
2215
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2208
2216
  padding-bottom: 13px;
2209
2217
  vertical-align: bottom;
2210
2218
  }
@@ -2253,19 +2261,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2253
2261
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2254
2262
  border-width: 0 0 0 1px;
2255
2263
  }
2256
- .e-grid.e-default table th[rowspan] {
2264
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2257
2265
  border-width: 0 0 0 1px;
2258
2266
  }
2259
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2267
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2260
2268
  border-right-width: 2px;
2261
2269
  }
2262
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2270
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2263
2271
  border-left-width: 2px;
2264
2272
  }
2265
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2273
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2266
2274
  border-left-width: 1px;
2267
2275
  }
2268
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2276
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2269
2277
  border-right-width: 1px;
2270
2278
  }
2271
2279
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3619,21 +3627,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3619
3627
  left: 4px;
3620
3628
  position: relative;
3621
3629
  }
3622
- .e-grid.e-rtl.e-default table th[rowspan] {
3623
- border-width: 0 1px 0 0;
3624
- }
3625
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3626
- border-left-width: 2px;
3627
- }
3628
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3629
- border-right-width: 2px;
3630
- }
3631
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3632
- border-right-width: 1px;
3633
- }
3634
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3635
- border-left-width: 1px;
3636
- }
3637
3630
  .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 {
3638
3631
  border-left: 1px solid;
3639
3632
  border-right: 0;
@@ -3705,6 +3698,21 @@ li.e-separator.e-menu-item.e-excel-separator {
3705
3698
  margin: -18px 0 -18px -11px;
3706
3699
  padding: 6px;
3707
3700
  }
3701
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3702
+ border-width: 0 1px 0 0;
3703
+ }
3704
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3705
+ border-left-width: 2px;
3706
+ }
3707
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3708
+ border-right-width: 2px;
3709
+ }
3710
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3711
+ border-right-width: 1px;
3712
+ }
3713
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3714
+ border-left-width: 1px;
3715
+ }
3708
3716
  .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 {
3709
3717
  height: Auto;
3710
3718
  line-height: 18px;
@@ -3780,13 +3788,13 @@ li.e-separator.e-menu-item.e-excel-separator {
3780
3788
  .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) {
3781
3789
  border-right: 0;
3782
3790
  }
3783
- .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) {
3791
+ .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) {
3784
3792
  border-left: 0;
3785
3793
  }
3786
3794
  .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 {
3787
3795
  border-left: 0;
3788
3796
  }
3789
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3797
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3790
3798
  border-right: 0;
3791
3799
  }
3792
3800
  .e-grid .e-mask {
@@ -3931,6 +3939,52 @@ li.e-separator.e-menu-item.e-excel-separator {
3931
3939
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3932
3940
  text-align: left;
3933
3941
  }
3942
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3943
+ border-width: 0 0 0 1px;
3944
+ }
3945
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3946
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3947
+ padding-bottom: 13px;
3948
+ vertical-align: bottom;
3949
+ }
3950
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3951
+ border-right-width: 2px;
3952
+ }
3953
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3954
+ border-left-width: 2px;
3955
+ }
3956
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3957
+ border-left-width: 1px;
3958
+ }
3959
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3960
+ border-right-width: 1px;
3961
+ }
3962
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3963
+ border-width: 0 1px 0 0;
3964
+ }
3965
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3966
+ border-left-width: 2px;
3967
+ }
3968
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3969
+ border-right-width: 2px;
3970
+ }
3971
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3972
+ border-right-width: 1px;
3973
+ }
3974
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3975
+ border-left-width: 1px;
3976
+ }
3977
+ .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) {
3978
+ border-left: 0;
3979
+ }
3980
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3981
+ border-right: 0;
3982
+ }
3983
+ .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"]),
3984
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3985
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3986
+ padding-bottom: 20px;
3987
+ }
3934
3988
 
3935
3989
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3936
3990
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
@@ -1137,6 +1137,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1137
1137
  font-size: 14px;
1138
1138
  padding: 14px 12px;
1139
1139
  }
1140
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
1141
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
1142
+ border-bottom-width: 1px;
1143
+ }
1140
1144
  .e-bigger .e-grid .e-rowcell .e-checkbox-wrapper,
1141
1145
  .e-bigger .e-grid .e-rowcell .e-css.e-checkbox-wrapper,
1142
1146
  .e-grid.e-bigger .e-rowcell .e-checkbox-wrapper,
@@ -1564,11 +1568,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1564
1568
  margin-right: 0;
1565
1569
  width: auto;
1566
1570
  }
1567
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1568
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1569
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1570
- padding-bottom: 13px;
1571
- }
1572
1571
  .e-bigger .e-grid .e-groupsort,
1573
1572
  .e-bigger .e-grid span.e-ungroupbutton,
1574
1573
  .e-bigger .e-grid .e-toggleungroup,
@@ -1780,6 +1779,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1780
1779
  margin-left: -3px;
1781
1780
  }
1782
1781
 
1782
+ .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],
1783
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1784
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1785
+ padding-bottom: 13px;
1786
+ }
1787
+
1783
1788
  .e-grid {
1784
1789
  border-radius: 1px;
1785
1790
  border-style: none solid solid;
@@ -2420,6 +2425,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2420
2425
  white-space: normal;
2421
2426
  word-wrap: break-word;
2422
2427
  }
2428
+ .e-grid .e-summarycell.e-lastrowcell {
2429
+ border-bottom-width: 1px;
2430
+ }
2423
2431
  .e-grid .e-summarycontent {
2424
2432
  display: -ms-flexbox;
2425
2433
  display: flex;
@@ -2478,7 +2486,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2478
2486
  .e-grid.e-bothlines .e-rowcell {
2479
2487
  border-width: 1px 0 0 1px;
2480
2488
  }
2481
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
2489
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2482
2490
  padding-bottom: 13px;
2483
2491
  vertical-align: bottom;
2484
2492
  }
@@ -2527,19 +2535,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2527
2535
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2528
2536
  border-width: 0 0 0 1px;
2529
2537
  }
2530
- .e-grid.e-default table th[rowspan] {
2538
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2531
2539
  border-width: 0 0 0 1px;
2532
2540
  }
2533
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2541
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2534
2542
  border-right-width: 2px;
2535
2543
  }
2536
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2544
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2537
2545
  border-left-width: 2px;
2538
2546
  }
2539
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2547
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2540
2548
  border-left-width: 1px;
2541
2549
  }
2542
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2550
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2543
2551
  border-right-width: 1px;
2544
2552
  }
2545
2553
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3939,21 +3947,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3939
3947
  left: 4px;
3940
3948
  position: relative;
3941
3949
  }
3942
- .e-grid.e-rtl.e-default table th[rowspan] {
3943
- border-width: 0 1px 0 0;
3944
- }
3945
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3946
- border-left-width: 2px;
3947
- }
3948
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3949
- border-right-width: 2px;
3950
- }
3951
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3952
- border-right-width: 1px;
3953
- }
3954
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3955
- border-left-width: 1px;
3956
- }
3957
3950
  .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 {
3958
3951
  border-left: 1px solid;
3959
3952
  border-right: 0;
@@ -4024,6 +4017,21 @@ li.e-separator.e-menu-item.e-excel-separator {
4024
4017
  margin: -15px 8px -12px -2px;
4025
4018
  padding: 2px;
4026
4019
  }
4020
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
4021
+ border-width: 0 1px 0 0;
4022
+ }
4023
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4024
+ border-left-width: 2px;
4025
+ }
4026
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4027
+ border-right-width: 2px;
4028
+ }
4029
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4030
+ border-right-width: 1px;
4031
+ }
4032
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4033
+ border-left-width: 1px;
4034
+ }
4027
4035
  .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 {
4028
4036
  height: Auto;
4029
4037
  line-height: 21px;
@@ -4099,13 +4107,13 @@ li.e-separator.e-menu-item.e-excel-separator {
4099
4107
  .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) {
4100
4108
  border-right: 0;
4101
4109
  }
4102
- .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) {
4110
+ .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) {
4103
4111
  border-left: 0;
4104
4112
  }
4105
4113
  .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 {
4106
4114
  border-left: 0;
4107
4115
  }
4108
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
4116
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
4109
4117
  border-right: 0;
4110
4118
  }
4111
4119
  .e-grid .e-mask {
@@ -4251,6 +4259,52 @@ li.e-separator.e-menu-item.e-excel-separator {
4251
4259
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
4252
4260
  text-align: left;
4253
4261
  }
4262
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
4263
+ border-width: 0 0 0 1px;
4264
+ }
4265
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
4266
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
4267
+ padding-bottom: 13px;
4268
+ vertical-align: bottom;
4269
+ }
4270
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
4271
+ border-right-width: 2px;
4272
+ }
4273
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
4274
+ border-left-width: 2px;
4275
+ }
4276
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
4277
+ border-left-width: 1px;
4278
+ }
4279
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
4280
+ border-right-width: 1px;
4281
+ }
4282
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
4283
+ border-width: 0 1px 0 0;
4284
+ }
4285
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
4286
+ border-left-width: 2px;
4287
+ }
4288
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
4289
+ border-right-width: 2px;
4290
+ }
4291
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
4292
+ border-right-width: 1px;
4293
+ }
4294
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
4295
+ border-left-width: 1px;
4296
+ }
4297
+ .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) {
4298
+ border-left: 0;
4299
+ }
4300
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
4301
+ border-right: 0;
4302
+ }
4303
+ .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"]),
4304
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
4305
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
4306
+ padding-bottom: 13px;
4307
+ }
4254
4308
 
4255
4309
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
4256
4310
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
@@ -1249,6 +1249,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1249
1249
  font-size: 14px;
1250
1250
  padding: 14px 12px;
1251
1251
  }
1252
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
1253
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
1254
+ border-bottom-width: 1px;
1255
+ }
1252
1256
  .e-bigger .e-grid .e-rowcell .e-checkbox-wrapper,
1253
1257
  .e-bigger .e-grid .e-rowcell .e-css.e-checkbox-wrapper,
1254
1258
  .e-grid.e-bigger .e-rowcell .e-checkbox-wrapper,
@@ -1676,11 +1680,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1676
1680
  margin-right: 0;
1677
1681
  width: auto;
1678
1682
  }
1679
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1680
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1681
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1682
- padding-bottom: 13px;
1683
- }
1684
1683
  .e-bigger .e-grid .e-groupsort,
1685
1684
  .e-bigger .e-grid span.e-ungroupbutton,
1686
1685
  .e-bigger .e-grid .e-toggleungroup,
@@ -1892,6 +1891,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1892
1891
  margin-left: -3px;
1893
1892
  }
1894
1893
 
1894
+ .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],
1895
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1896
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1897
+ padding-bottom: 13px;
1898
+ }
1899
+
1895
1900
  .e-grid {
1896
1901
  border-radius: 1px;
1897
1902
  border-style: none solid solid;
@@ -2532,6 +2537,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2532
2537
  white-space: normal;
2533
2538
  word-wrap: break-word;
2534
2539
  }
2540
+ .e-grid .e-summarycell.e-lastrowcell {
2541
+ border-bottom-width: 1px;
2542
+ }
2535
2543
  .e-grid .e-summarycontent {
2536
2544
  display: -ms-flexbox;
2537
2545
  display: flex;
@@ -2590,7 +2598,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2590
2598
  .e-grid.e-bothlines .e-rowcell {
2591
2599
  border-width: 1px 0 0 1px;
2592
2600
  }
2593
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
2601
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2594
2602
  padding-bottom: 13px;
2595
2603
  vertical-align: bottom;
2596
2604
  }
@@ -2639,19 +2647,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2639
2647
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2640
2648
  border-width: 0 0 0 1px;
2641
2649
  }
2642
- .e-grid.e-default table th[rowspan] {
2650
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2643
2651
  border-width: 0 0 0 1px;
2644
2652
  }
2645
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2653
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2646
2654
  border-right-width: 2px;
2647
2655
  }
2648
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2656
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2649
2657
  border-left-width: 2px;
2650
2658
  }
2651
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2659
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2652
2660
  border-left-width: 1px;
2653
2661
  }
2654
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2662
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2655
2663
  border-right-width: 1px;
2656
2664
  }
2657
2665
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -4051,21 +4059,6 @@ li.e-separator.e-menu-item.e-excel-separator {
4051
4059
  left: 4px;
4052
4060
  position: relative;
4053
4061
  }
4054
- .e-grid.e-rtl.e-default table th[rowspan] {
4055
- border-width: 0 1px 0 0;
4056
- }
4057
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4058
- border-left-width: 2px;
4059
- }
4060
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4061
- border-right-width: 2px;
4062
- }
4063
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4064
- border-right-width: 1px;
4065
- }
4066
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4067
- border-left-width: 1px;
4068
- }
4069
4062
  .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 {
4070
4063
  border-left: 1px solid;
4071
4064
  border-right: 0;
@@ -4136,6 +4129,21 @@ li.e-separator.e-menu-item.e-excel-separator {
4136
4129
  margin: -15px 8px -12px -2px;
4137
4130
  padding: 2px;
4138
4131
  }
4132
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
4133
+ border-width: 0 1px 0 0;
4134
+ }
4135
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4136
+ border-left-width: 2px;
4137
+ }
4138
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4139
+ border-right-width: 2px;
4140
+ }
4141
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4142
+ border-right-width: 1px;
4143
+ }
4144
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4145
+ border-left-width: 1px;
4146
+ }
4139
4147
  .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 {
4140
4148
  height: Auto;
4141
4149
  line-height: 21px;
@@ -4211,13 +4219,13 @@ li.e-separator.e-menu-item.e-excel-separator {
4211
4219
  .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) {
4212
4220
  border-right: 0;
4213
4221
  }
4214
- .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) {
4222
+ .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) {
4215
4223
  border-left: 0;
4216
4224
  }
4217
4225
  .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 {
4218
4226
  border-left: 0;
4219
4227
  }
4220
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
4228
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
4221
4229
  border-right: 0;
4222
4230
  }
4223
4231
  .e-grid .e-mask {
@@ -4363,6 +4371,52 @@ li.e-separator.e-menu-item.e-excel-separator {
4363
4371
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
4364
4372
  text-align: left;
4365
4373
  }
4374
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
4375
+ border-width: 0 0 0 1px;
4376
+ }
4377
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
4378
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
4379
+ padding-bottom: 13px;
4380
+ vertical-align: bottom;
4381
+ }
4382
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
4383
+ border-right-width: 2px;
4384
+ }
4385
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
4386
+ border-left-width: 2px;
4387
+ }
4388
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
4389
+ border-left-width: 1px;
4390
+ }
4391
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
4392
+ border-right-width: 1px;
4393
+ }
4394
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
4395
+ border-width: 0 1px 0 0;
4396
+ }
4397
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
4398
+ border-left-width: 2px;
4399
+ }
4400
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
4401
+ border-right-width: 2px;
4402
+ }
4403
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
4404
+ border-right-width: 1px;
4405
+ }
4406
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
4407
+ border-left-width: 1px;
4408
+ }
4409
+ .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) {
4410
+ border-left: 0;
4411
+ }
4412
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
4413
+ border-right: 0;
4414
+ }
4415
+ .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"]),
4416
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
4417
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
4418
+ padding-bottom: 13px;
4419
+ }
4366
4420
 
4367
4421
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
4368
4422
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,