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