@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/grid/fabric.css CHANGED
@@ -450,6 +450,10 @@
450
450
  font-size: 14px;
451
451
  padding: 9px 10px;
452
452
  }
453
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
454
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
455
+ border-bottom-width: 1px;
456
+ }
453
457
  .e-bigger .e-grid .e-rowcell:first-child,
454
458
  .e-bigger .e-grid .e-summarycell:first-child,
455
459
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -838,11 +842,6 @@
838
842
  margin-right: 10px;
839
843
  width: 76px;
840
844
  }
841
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
842
- .e-grid.e-bigger .e-gridheader table th[rowspan],
843
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
844
- padding-bottom: 20px;
845
- }
846
845
  .e-bigger .e-grid .e-groupsort,
847
846
  .e-bigger .e-grid span.e-ungroupbutton,
848
847
  .e-bigger .e-grid .e-toggleungroup,
@@ -1002,6 +1001,12 @@
1002
1001
  -ms-user-select: none;
1003
1002
  user-select: none;
1004
1003
  }
1004
+ .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],
1005
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1006
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1007
+ padding-bottom: 20px;
1008
+ }
1009
+
1005
1010
  .e-grid {
1006
1011
  border-radius: 0;
1007
1012
  border-style: none solid solid;
@@ -1627,6 +1632,9 @@
1627
1632
  white-space: normal;
1628
1633
  word-wrap: break-word;
1629
1634
  }
1635
+ .e-grid .e-summarycell.e-lastrowcell {
1636
+ border-bottom-width: 1px;
1637
+ }
1630
1638
  .e-grid .e-summarycontent {
1631
1639
  display: -ms-flexbox;
1632
1640
  display: flex;
@@ -1685,7 +1693,7 @@
1685
1693
  .e-grid.e-bothlines .e-rowcell {
1686
1694
  border-width: 1px 0 0 1px;
1687
1695
  }
1688
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1696
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1689
1697
  padding-bottom: 4px;
1690
1698
  vertical-align: bottom;
1691
1699
  }
@@ -1734,19 +1742,19 @@
1734
1742
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1735
1743
  border-width: 0 0 0 1px;
1736
1744
  }
1737
- .e-grid.e-default table th[rowspan] {
1745
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1738
1746
  border-width: 0 0 0 1px;
1739
1747
  }
1740
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1748
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1741
1749
  border-right-width: 2px;
1742
1750
  }
1743
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1751
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1744
1752
  border-left-width: 2px;
1745
1753
  }
1746
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1754
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1747
1755
  border-left-width: 1px;
1748
1756
  }
1749
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1757
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1750
1758
  border-right-width: 1px;
1751
1759
  }
1752
1760
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3100,21 +3108,6 @@
3100
3108
  left: 4px;
3101
3109
  position: relative;
3102
3110
  }
3103
- .e-grid.e-rtl.e-default table th[rowspan] {
3104
- border-width: 0 1px 0 0;
3105
- }
3106
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3107
- border-left-width: 2px;
3108
- }
3109
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3110
- border-right-width: 2px;
3111
- }
3112
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3113
- border-right-width: 1px;
3114
- }
3115
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3116
- border-left-width: 1px;
3117
- }
3118
3111
  .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 {
3119
3112
  border-left: 1px solid;
3120
3113
  border-right: 0;
@@ -3186,6 +3179,21 @@
3186
3179
  margin: -25px 0 -24px -5px;
3187
3180
  padding: 7px;
3188
3181
  }
3182
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3183
+ border-width: 0 1px 0 0;
3184
+ }
3185
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3186
+ border-left-width: 2px;
3187
+ }
3188
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3189
+ border-right-width: 2px;
3190
+ }
3191
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3192
+ border-right-width: 1px;
3193
+ }
3194
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3195
+ border-left-width: 1px;
3196
+ }
3189
3197
  .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 {
3190
3198
  height: Auto;
3191
3199
  line-height: 18px;
@@ -3261,13 +3269,13 @@
3261
3269
  .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) {
3262
3270
  border-right: 0;
3263
3271
  }
3264
- .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) {
3272
+ .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) {
3265
3273
  border-left: 0;
3266
3274
  }
3267
3275
  .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 {
3268
3276
  border-left: 0;
3269
3277
  }
3270
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3278
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3271
3279
  border-right: 0;
3272
3280
  }
3273
3281
  .e-grid .e-mask {
@@ -3412,6 +3420,52 @@
3412
3420
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3413
3421
  text-align: left;
3414
3422
  }
3423
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3424
+ border-width: 0 0 0 1px;
3425
+ }
3426
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3427
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3428
+ padding-bottom: 4px;
3429
+ vertical-align: bottom;
3430
+ }
3431
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3432
+ border-right-width: 2px;
3433
+ }
3434
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3435
+ border-left-width: 2px;
3436
+ }
3437
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3438
+ border-left-width: 1px;
3439
+ }
3440
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3441
+ border-right-width: 1px;
3442
+ }
3443
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3444
+ border-width: 0 1px 0 0;
3445
+ }
3446
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3447
+ border-left-width: 2px;
3448
+ }
3449
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3450
+ border-right-width: 2px;
3451
+ }
3452
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3453
+ border-right-width: 1px;
3454
+ }
3455
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3456
+ border-left-width: 1px;
3457
+ }
3458
+ .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) {
3459
+ border-left: 0;
3460
+ }
3461
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3462
+ border-right: 0;
3463
+ }
3464
+ .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"]),
3465
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3466
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3467
+ padding-bottom: 20px;
3468
+ }
3415
3469
 
3416
3470
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3417
3471
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/fluent-dark.css CHANGED
@@ -515,6 +515,10 @@
515
515
  font-size: 16px;
516
516
  padding: 13.5px 12px;
517
517
  }
518
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
519
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
520
+ border-bottom-width: 1px;
521
+ }
518
522
  .e-bigger .e-grid .e-rowcell:first-child,
519
523
  .e-bigger .e-grid .e-summarycell:first-child,
520
524
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -920,11 +924,6 @@
920
924
  margin-right: 0;
921
925
  width: auto;
922
926
  }
923
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
924
- .e-grid.e-bigger .e-gridheader table th[rowspan],
925
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
926
- padding-bottom: 20px;
927
- }
928
927
  .e-bigger .e-grid .e-groupsort,
929
928
  .e-bigger .e-grid span.e-ungroupbutton,
930
929
  .e-bigger .e-grid .e-toggleungroup,
@@ -1094,6 +1093,12 @@
1094
1093
  -ms-user-select: none;
1095
1094
  user-select: none;
1096
1095
  }
1096
+ .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],
1097
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1098
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1099
+ padding-bottom: 20px;
1100
+ }
1101
+
1097
1102
  .e-grid {
1098
1103
  border-radius: 1px;
1099
1104
  border-style: none solid solid;
@@ -1722,6 +1727,9 @@
1722
1727
  white-space: normal;
1723
1728
  word-wrap: break-word;
1724
1729
  }
1730
+ .e-grid .e-summarycell.e-lastrowcell {
1731
+ border-bottom-width: 1px;
1732
+ }
1725
1733
  .e-grid .e-summarycontent {
1726
1734
  display: -ms-flexbox;
1727
1735
  display: flex;
@@ -1780,7 +1788,7 @@
1780
1788
  .e-grid.e-bothlines .e-rowcell {
1781
1789
  border-width: 1px 0 0 1px;
1782
1790
  }
1783
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1791
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1784
1792
  padding-bottom: 13px;
1785
1793
  vertical-align: bottom;
1786
1794
  }
@@ -1829,19 +1837,19 @@
1829
1837
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1830
1838
  border-width: 0 0 0 1px;
1831
1839
  }
1832
- .e-grid.e-default table th[rowspan] {
1840
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1833
1841
  border-width: 0 0 0 1px;
1834
1842
  }
1835
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1843
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1836
1844
  border-right-width: 2px;
1837
1845
  }
1838
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1846
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1839
1847
  border-left-width: 2px;
1840
1848
  }
1841
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1849
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1842
1850
  border-left-width: 1px;
1843
1851
  }
1844
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1852
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1845
1853
  border-right-width: 1px;
1846
1854
  }
1847
1855
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3204,21 +3212,6 @@
3204
3212
  left: 4px;
3205
3213
  position: relative;
3206
3214
  }
3207
- .e-grid.e-rtl.e-default table th[rowspan] {
3208
- border-width: 0 1px 0 0;
3209
- }
3210
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3211
- border-left-width: 2px;
3212
- }
3213
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3214
- border-right-width: 2px;
3215
- }
3216
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3217
- border-right-width: 1px;
3218
- }
3219
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3220
- border-left-width: 1px;
3221
- }
3222
3215
  .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 {
3223
3216
  border-left: 1px solid;
3224
3217
  border-right: 0;
@@ -3290,6 +3283,21 @@
3290
3283
  margin: -21px 0 -20px -35px;
3291
3284
  padding: 6px;
3292
3285
  }
3286
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3287
+ border-width: 0 1px 0 0;
3288
+ }
3289
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3290
+ border-left-width: 2px;
3291
+ }
3292
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3293
+ border-right-width: 2px;
3294
+ }
3295
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3296
+ border-right-width: 1px;
3297
+ }
3298
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3299
+ border-left-width: 1px;
3300
+ }
3293
3301
  .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 {
3294
3302
  height: Auto;
3295
3303
  line-height: 21px;
@@ -3365,13 +3373,13 @@
3365
3373
  .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) {
3366
3374
  border-right: 0;
3367
3375
  }
3368
- .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) {
3376
+ .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) {
3369
3377
  border-left: 0;
3370
3378
  }
3371
3379
  .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 {
3372
3380
  border-left: 0;
3373
3381
  }
3374
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3382
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3375
3383
  border-right: 0;
3376
3384
  }
3377
3385
  .e-grid .e-mask {
@@ -3516,6 +3524,52 @@
3516
3524
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3517
3525
  text-align: left;
3518
3526
  }
3527
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3528
+ border-width: 0 0 0 1px;
3529
+ }
3530
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3531
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3532
+ padding-bottom: 13px;
3533
+ vertical-align: bottom;
3534
+ }
3535
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3536
+ border-right-width: 2px;
3537
+ }
3538
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3539
+ border-left-width: 2px;
3540
+ }
3541
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3542
+ border-left-width: 1px;
3543
+ }
3544
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3545
+ border-right-width: 1px;
3546
+ }
3547
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3548
+ border-width: 0 1px 0 0;
3549
+ }
3550
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3551
+ border-left-width: 2px;
3552
+ }
3553
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3554
+ border-right-width: 2px;
3555
+ }
3556
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3557
+ border-right-width: 1px;
3558
+ }
3559
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3560
+ border-left-width: 1px;
3561
+ }
3562
+ .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) {
3563
+ border-left: 0;
3564
+ }
3565
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3566
+ border-right: 0;
3567
+ }
3568
+ .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"]),
3569
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3570
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3571
+ padding-bottom: 20px;
3572
+ }
3519
3573
 
3520
3574
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3521
3575
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/fluent.css CHANGED
@@ -515,6 +515,10 @@
515
515
  font-size: 16px;
516
516
  padding: 13.5px 12px;
517
517
  }
518
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
519
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
520
+ border-bottom-width: 1px;
521
+ }
518
522
  .e-bigger .e-grid .e-rowcell:first-child,
519
523
  .e-bigger .e-grid .e-summarycell:first-child,
520
524
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -920,11 +924,6 @@
920
924
  margin-right: 0;
921
925
  width: auto;
922
926
  }
923
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
924
- .e-grid.e-bigger .e-gridheader table th[rowspan],
925
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
926
- padding-bottom: 20px;
927
- }
928
927
  .e-bigger .e-grid .e-groupsort,
929
928
  .e-bigger .e-grid span.e-ungroupbutton,
930
929
  .e-bigger .e-grid .e-toggleungroup,
@@ -1094,6 +1093,12 @@
1094
1093
  -ms-user-select: none;
1095
1094
  user-select: none;
1096
1095
  }
1096
+ .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],
1097
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1098
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1099
+ padding-bottom: 20px;
1100
+ }
1101
+
1097
1102
  .e-grid {
1098
1103
  border-radius: 1px;
1099
1104
  border-style: none solid solid;
@@ -1722,6 +1727,9 @@
1722
1727
  white-space: normal;
1723
1728
  word-wrap: break-word;
1724
1729
  }
1730
+ .e-grid .e-summarycell.e-lastrowcell {
1731
+ border-bottom-width: 1px;
1732
+ }
1725
1733
  .e-grid .e-summarycontent {
1726
1734
  display: -ms-flexbox;
1727
1735
  display: flex;
@@ -1780,7 +1788,7 @@
1780
1788
  .e-grid.e-bothlines .e-rowcell {
1781
1789
  border-width: 1px 0 0 1px;
1782
1790
  }
1783
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1791
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1784
1792
  padding-bottom: 13px;
1785
1793
  vertical-align: bottom;
1786
1794
  }
@@ -1829,19 +1837,19 @@
1829
1837
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1830
1838
  border-width: 0 0 0 1px;
1831
1839
  }
1832
- .e-grid.e-default table th[rowspan] {
1840
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1833
1841
  border-width: 0 0 0 1px;
1834
1842
  }
1835
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1843
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1836
1844
  border-right-width: 2px;
1837
1845
  }
1838
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1846
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1839
1847
  border-left-width: 2px;
1840
1848
  }
1841
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1849
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1842
1850
  border-left-width: 1px;
1843
1851
  }
1844
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1852
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1845
1853
  border-right-width: 1px;
1846
1854
  }
1847
1855
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3204,21 +3212,6 @@
3204
3212
  left: 4px;
3205
3213
  position: relative;
3206
3214
  }
3207
- .e-grid.e-rtl.e-default table th[rowspan] {
3208
- border-width: 0 1px 0 0;
3209
- }
3210
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3211
- border-left-width: 2px;
3212
- }
3213
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3214
- border-right-width: 2px;
3215
- }
3216
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3217
- border-right-width: 1px;
3218
- }
3219
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3220
- border-left-width: 1px;
3221
- }
3222
3215
  .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 {
3223
3216
  border-left: 1px solid;
3224
3217
  border-right: 0;
@@ -3290,6 +3283,21 @@
3290
3283
  margin: -21px 0 -20px -35px;
3291
3284
  padding: 6px;
3292
3285
  }
3286
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3287
+ border-width: 0 1px 0 0;
3288
+ }
3289
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3290
+ border-left-width: 2px;
3291
+ }
3292
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3293
+ border-right-width: 2px;
3294
+ }
3295
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3296
+ border-right-width: 1px;
3297
+ }
3298
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3299
+ border-left-width: 1px;
3300
+ }
3293
3301
  .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 {
3294
3302
  height: Auto;
3295
3303
  line-height: 21px;
@@ -3365,13 +3373,13 @@
3365
3373
  .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) {
3366
3374
  border-right: 0;
3367
3375
  }
3368
- .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) {
3376
+ .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) {
3369
3377
  border-left: 0;
3370
3378
  }
3371
3379
  .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 {
3372
3380
  border-left: 0;
3373
3381
  }
3374
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3382
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3375
3383
  border-right: 0;
3376
3384
  }
3377
3385
  .e-grid .e-mask {
@@ -3516,6 +3524,52 @@
3516
3524
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3517
3525
  text-align: left;
3518
3526
  }
3527
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3528
+ border-width: 0 0 0 1px;
3529
+ }
3530
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3531
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3532
+ padding-bottom: 13px;
3533
+ vertical-align: bottom;
3534
+ }
3535
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3536
+ border-right-width: 2px;
3537
+ }
3538
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3539
+ border-left-width: 2px;
3540
+ }
3541
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3542
+ border-left-width: 1px;
3543
+ }
3544
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3545
+ border-right-width: 1px;
3546
+ }
3547
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3548
+ border-width: 0 1px 0 0;
3549
+ }
3550
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3551
+ border-left-width: 2px;
3552
+ }
3553
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3554
+ border-right-width: 2px;
3555
+ }
3556
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3557
+ border-right-width: 1px;
3558
+ }
3559
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3560
+ border-left-width: 1px;
3561
+ }
3562
+ .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) {
3563
+ border-left: 0;
3564
+ }
3565
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3566
+ border-right: 0;
3567
+ }
3568
+ .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"]),
3569
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3570
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3571
+ padding-bottom: 20px;
3572
+ }
3519
3573
 
3520
3574
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3521
3575
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,