@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/highcontrast-light.css CHANGED
@@ -454,6 +454,10 @@
454
454
  font-size: 14px;
455
455
  padding: 9px 10px;
456
456
  }
457
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
458
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
459
+ border-bottom-width: 1px;
460
+ }
457
461
  .e-bigger .e-grid .e-rowcell:first-child,
458
462
  .e-bigger .e-grid .e-summarycell:first-child,
459
463
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -842,11 +846,6 @@
842
846
  margin-right: 10px;
843
847
  width: 76px;
844
848
  }
845
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
846
- .e-grid.e-bigger .e-gridheader table th[rowspan],
847
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
848
- padding-bottom: 20px;
849
- }
850
849
  .e-bigger .e-grid .e-groupsort,
851
850
  .e-bigger .e-grid span.e-ungroupbutton,
852
851
  .e-bigger .e-grid .e-toggleungroup,
@@ -1006,6 +1005,12 @@
1006
1005
  -ms-user-select: none;
1007
1006
  user-select: none;
1008
1007
  }
1008
+ .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],
1009
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1010
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1011
+ padding-bottom: 20px;
1012
+ }
1013
+
1009
1014
  .e-grid {
1010
1015
  border-radius: 0;
1011
1016
  border-style: none solid solid;
@@ -1631,6 +1636,9 @@
1631
1636
  white-space: normal;
1632
1637
  word-wrap: break-word;
1633
1638
  }
1639
+ .e-grid .e-summarycell.e-lastrowcell {
1640
+ border-bottom-width: 1px;
1641
+ }
1634
1642
  .e-grid .e-summarycontent {
1635
1643
  display: -ms-flexbox;
1636
1644
  display: flex;
@@ -1689,7 +1697,7 @@
1689
1697
  .e-grid.e-bothlines .e-rowcell {
1690
1698
  border-width: 1px 0 0 1px;
1691
1699
  }
1692
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1700
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1693
1701
  padding-bottom: 4px;
1694
1702
  vertical-align: bottom;
1695
1703
  }
@@ -1738,19 +1746,19 @@
1738
1746
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1739
1747
  border-width: 0 0 0 1px;
1740
1748
  }
1741
- .e-grid.e-default table th[rowspan] {
1749
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1742
1750
  border-width: 0 0 0 1px;
1743
1751
  }
1744
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1752
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1745
1753
  border-right-width: 2px;
1746
1754
  }
1747
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1755
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1748
1756
  border-left-width: 2px;
1749
1757
  }
1750
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1758
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1751
1759
  border-left-width: 1px;
1752
1760
  }
1753
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1761
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1754
1762
  border-right-width: 1px;
1755
1763
  }
1756
1764
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3104,21 +3112,6 @@
3104
3112
  left: 4px;
3105
3113
  position: relative;
3106
3114
  }
3107
- .e-grid.e-rtl.e-default table th[rowspan] {
3108
- border-width: 0 1px 0 0;
3109
- }
3110
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3111
- border-left-width: 2px;
3112
- }
3113
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3114
- border-right-width: 2px;
3115
- }
3116
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3117
- border-right-width: 1px;
3118
- }
3119
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3120
- border-left-width: 1px;
3121
- }
3122
3115
  .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 {
3123
3116
  border-left: 1px solid;
3124
3117
  border-right: 0;
@@ -3190,6 +3183,21 @@
3190
3183
  margin: -18px -7px;
3191
3184
  padding: 6px;
3192
3185
  }
3186
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3187
+ border-width: 0 1px 0 0;
3188
+ }
3189
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3190
+ border-left-width: 2px;
3191
+ }
3192
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3193
+ border-right-width: 2px;
3194
+ }
3195
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3196
+ border-right-width: 1px;
3197
+ }
3198
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3199
+ border-left-width: 1px;
3200
+ }
3193
3201
  .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 {
3194
3202
  height: Auto;
3195
3203
  line-height: 18px;
@@ -3265,13 +3273,13 @@
3265
3273
  .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) {
3266
3274
  border-right: 0;
3267
3275
  }
3268
- .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) {
3276
+ .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) {
3269
3277
  border-left: 0;
3270
3278
  }
3271
3279
  .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 {
3272
3280
  border-left: 0;
3273
3281
  }
3274
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3282
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3275
3283
  border-right: 0;
3276
3284
  }
3277
3285
  .e-grid .e-mask {
@@ -3416,6 +3424,52 @@
3416
3424
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3417
3425
  text-align: left;
3418
3426
  }
3427
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3428
+ border-width: 0 0 0 1px;
3429
+ }
3430
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3431
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3432
+ padding-bottom: 4px;
3433
+ vertical-align: bottom;
3434
+ }
3435
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3436
+ border-right-width: 2px;
3437
+ }
3438
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3439
+ border-left-width: 2px;
3440
+ }
3441
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3442
+ border-left-width: 1px;
3443
+ }
3444
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3445
+ border-right-width: 1px;
3446
+ }
3447
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3448
+ border-width: 0 1px 0 0;
3449
+ }
3450
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3451
+ border-left-width: 2px;
3452
+ }
3453
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3454
+ border-right-width: 2px;
3455
+ }
3456
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3457
+ border-right-width: 1px;
3458
+ }
3459
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3460
+ border-left-width: 1px;
3461
+ }
3462
+ .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) {
3463
+ border-left: 0;
3464
+ }
3465
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3466
+ border-right: 0;
3467
+ }
3468
+ .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"]),
3469
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3470
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3471
+ padding-bottom: 20px;
3472
+ }
3419
3473
 
3420
3474
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3421
3475
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/highcontrast.css CHANGED
@@ -454,6 +454,10 @@
454
454
  font-size: 14px;
455
455
  padding: 9px 10px;
456
456
  }
457
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
458
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
459
+ border-bottom-width: 1px;
460
+ }
457
461
  .e-bigger .e-grid .e-rowcell:first-child,
458
462
  .e-bigger .e-grid .e-summarycell:first-child,
459
463
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -842,11 +846,6 @@
842
846
  margin-right: 10px;
843
847
  width: 76px;
844
848
  }
845
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
846
- .e-grid.e-bigger .e-gridheader table th[rowspan],
847
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
848
- padding-bottom: 20px;
849
- }
850
849
  .e-bigger .e-grid .e-groupsort,
851
850
  .e-bigger .e-grid span.e-ungroupbutton,
852
851
  .e-bigger .e-grid .e-toggleungroup,
@@ -1006,6 +1005,12 @@
1006
1005
  -ms-user-select: none;
1007
1006
  user-select: none;
1008
1007
  }
1008
+ .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],
1009
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1010
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1011
+ padding-bottom: 20px;
1012
+ }
1013
+
1009
1014
  .e-grid {
1010
1015
  border-radius: 0;
1011
1016
  border-style: none solid solid;
@@ -1631,6 +1636,9 @@
1631
1636
  white-space: normal;
1632
1637
  word-wrap: break-word;
1633
1638
  }
1639
+ .e-grid .e-summarycell.e-lastrowcell {
1640
+ border-bottom-width: 1px;
1641
+ }
1634
1642
  .e-grid .e-summarycontent {
1635
1643
  display: -ms-flexbox;
1636
1644
  display: flex;
@@ -1689,7 +1697,7 @@
1689
1697
  .e-grid.e-bothlines .e-rowcell {
1690
1698
  border-width: 1px 0 0 1px;
1691
1699
  }
1692
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1700
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1693
1701
  padding-bottom: 4px;
1694
1702
  vertical-align: bottom;
1695
1703
  }
@@ -1738,19 +1746,19 @@
1738
1746
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1739
1747
  border-width: 0 0 0 1px;
1740
1748
  }
1741
- .e-grid.e-default table th[rowspan] {
1749
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1742
1750
  border-width: 0 0 0 1px;
1743
1751
  }
1744
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1752
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1745
1753
  border-right-width: 2px;
1746
1754
  }
1747
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1755
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1748
1756
  border-left-width: 2px;
1749
1757
  }
1750
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1758
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1751
1759
  border-left-width: 1px;
1752
1760
  }
1753
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1761
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1754
1762
  border-right-width: 1px;
1755
1763
  }
1756
1764
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3104,21 +3112,6 @@
3104
3112
  left: 4px;
3105
3113
  position: relative;
3106
3114
  }
3107
- .e-grid.e-rtl.e-default table th[rowspan] {
3108
- border-width: 0 1px 0 0;
3109
- }
3110
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3111
- border-left-width: 2px;
3112
- }
3113
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3114
- border-right-width: 2px;
3115
- }
3116
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3117
- border-right-width: 1px;
3118
- }
3119
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3120
- border-left-width: 1px;
3121
- }
3122
3115
  .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 {
3123
3116
  border-left: 1px solid;
3124
3117
  border-right: 0;
@@ -3190,6 +3183,21 @@
3190
3183
  margin: -18px -7px;
3191
3184
  padding: 6px;
3192
3185
  }
3186
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3187
+ border-width: 0 1px 0 0;
3188
+ }
3189
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3190
+ border-left-width: 2px;
3191
+ }
3192
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3193
+ border-right-width: 2px;
3194
+ }
3195
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3196
+ border-right-width: 1px;
3197
+ }
3198
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3199
+ border-left-width: 1px;
3200
+ }
3193
3201
  .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 {
3194
3202
  height: Auto;
3195
3203
  line-height: 18px;
@@ -3265,13 +3273,13 @@
3265
3273
  .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) {
3266
3274
  border-right: 0;
3267
3275
  }
3268
- .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) {
3276
+ .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) {
3269
3277
  border-left: 0;
3270
3278
  }
3271
3279
  .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 {
3272
3280
  border-left: 0;
3273
3281
  }
3274
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3282
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3275
3283
  border-right: 0;
3276
3284
  }
3277
3285
  .e-grid .e-mask {
@@ -3416,6 +3424,52 @@
3416
3424
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3417
3425
  text-align: left;
3418
3426
  }
3427
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3428
+ border-width: 0 0 0 1px;
3429
+ }
3430
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3431
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3432
+ padding-bottom: 4px;
3433
+ vertical-align: bottom;
3434
+ }
3435
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3436
+ border-right-width: 2px;
3437
+ }
3438
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3439
+ border-left-width: 2px;
3440
+ }
3441
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3442
+ border-left-width: 1px;
3443
+ }
3444
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3445
+ border-right-width: 1px;
3446
+ }
3447
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3448
+ border-width: 0 1px 0 0;
3449
+ }
3450
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3451
+ border-left-width: 2px;
3452
+ }
3453
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3454
+ border-right-width: 2px;
3455
+ }
3456
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3457
+ border-right-width: 1px;
3458
+ }
3459
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3460
+ border-left-width: 1px;
3461
+ }
3462
+ .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) {
3463
+ border-left: 0;
3464
+ }
3465
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3466
+ border-right: 0;
3467
+ }
3468
+ .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"]),
3469
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3470
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3471
+ padding-bottom: 20px;
3472
+ }
3419
3473
 
3420
3474
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3421
3475
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/material-dark.css CHANGED
@@ -497,6 +497,10 @@
497
497
  font-size: 13px;
498
498
  padding: 11px 28px;
499
499
  }
500
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
501
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
502
+ border-bottom-width: 1px;
503
+ }
500
504
  .e-bigger .e-grid .e-rowcell:first-child,
501
505
  .e-bigger .e-grid .e-summarycell:first-child,
502
506
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -885,11 +889,6 @@
885
889
  margin-right: 8px;
886
890
  width: 76px;
887
891
  }
888
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
889
- .e-grid.e-bigger .e-gridheader table th[rowspan],
890
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
891
- padding-bottom: 20px;
892
- }
893
892
  .e-bigger .e-grid .e-groupsort,
894
893
  .e-bigger .e-grid span.e-ungroupbutton,
895
894
  .e-bigger .e-grid .e-toggleungroup,
@@ -1049,6 +1048,12 @@
1049
1048
  -ms-user-select: none;
1050
1049
  user-select: none;
1051
1050
  }
1051
+ .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],
1052
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1053
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1054
+ padding-bottom: 20px;
1055
+ }
1056
+
1052
1057
  .e-grid {
1053
1058
  border-radius: 0;
1054
1059
  border-style: none solid solid;
@@ -1674,6 +1679,9 @@
1674
1679
  white-space: normal;
1675
1680
  word-wrap: break-word;
1676
1681
  }
1682
+ .e-grid .e-summarycell.e-lastrowcell {
1683
+ border-bottom-width: 1px;
1684
+ }
1677
1685
  .e-grid .e-summarycontent {
1678
1686
  display: -ms-flexbox;
1679
1687
  display: flex;
@@ -1732,7 +1740,7 @@
1732
1740
  .e-grid.e-bothlines .e-rowcell {
1733
1741
  border-width: 1px 0 0 1px;
1734
1742
  }
1735
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1743
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1736
1744
  padding-bottom: 13px;
1737
1745
  vertical-align: bottom;
1738
1746
  }
@@ -1781,19 +1789,19 @@
1781
1789
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1782
1790
  border-width: 0 0 0 1px;
1783
1791
  }
1784
- .e-grid.e-default table th[rowspan] {
1792
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1785
1793
  border-width: 0 0 0 1px;
1786
1794
  }
1787
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1795
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1788
1796
  border-right-width: 2px;
1789
1797
  }
1790
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1798
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1791
1799
  border-left-width: 2px;
1792
1800
  }
1793
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1801
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1794
1802
  border-left-width: 1px;
1795
1803
  }
1796
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1804
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1797
1805
  border-right-width: 1px;
1798
1806
  }
1799
1807
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3147,21 +3155,6 @@
3147
3155
  left: 4px;
3148
3156
  position: relative;
3149
3157
  }
3150
- .e-grid.e-rtl.e-default table th[rowspan] {
3151
- border-width: 0 1px 0 0;
3152
- }
3153
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3154
- border-left-width: 2px;
3155
- }
3156
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3157
- border-right-width: 2px;
3158
- }
3159
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3160
- border-right-width: 1px;
3161
- }
3162
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3163
- border-left-width: 1px;
3164
- }
3165
3158
  .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 {
3166
3159
  border-left: 1px solid;
3167
3160
  border-right: 0;
@@ -3233,6 +3226,21 @@
3233
3226
  margin: -18px 0 -18px -11px;
3234
3227
  padding: 6px;
3235
3228
  }
3229
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3230
+ border-width: 0 1px 0 0;
3231
+ }
3232
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3233
+ border-left-width: 2px;
3234
+ }
3235
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3236
+ border-right-width: 2px;
3237
+ }
3238
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3239
+ border-right-width: 1px;
3240
+ }
3241
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3242
+ border-left-width: 1px;
3243
+ }
3236
3244
  .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 {
3237
3245
  height: Auto;
3238
3246
  line-height: 18px;
@@ -3308,13 +3316,13 @@
3308
3316
  .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) {
3309
3317
  border-right: 0;
3310
3318
  }
3311
- .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) {
3319
+ .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) {
3312
3320
  border-left: 0;
3313
3321
  }
3314
3322
  .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 {
3315
3323
  border-left: 0;
3316
3324
  }
3317
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3325
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3318
3326
  border-right: 0;
3319
3327
  }
3320
3328
  .e-grid .e-mask {
@@ -3459,6 +3467,52 @@
3459
3467
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3460
3468
  text-align: left;
3461
3469
  }
3470
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3471
+ border-width: 0 0 0 1px;
3472
+ }
3473
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3474
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3475
+ padding-bottom: 13px;
3476
+ vertical-align: bottom;
3477
+ }
3478
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3479
+ border-right-width: 2px;
3480
+ }
3481
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3482
+ border-left-width: 2px;
3483
+ }
3484
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3485
+ border-left-width: 1px;
3486
+ }
3487
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3488
+ border-right-width: 1px;
3489
+ }
3490
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3491
+ border-width: 0 1px 0 0;
3492
+ }
3493
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3494
+ border-left-width: 2px;
3495
+ }
3496
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3497
+ border-right-width: 2px;
3498
+ }
3499
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3500
+ border-right-width: 1px;
3501
+ }
3502
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3503
+ border-left-width: 1px;
3504
+ }
3505
+ .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) {
3506
+ border-left: 0;
3507
+ }
3508
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3509
+ border-right: 0;
3510
+ }
3511
+ .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"]),
3512
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3513
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3514
+ padding-bottom: 20px;
3515
+ }
3462
3516
 
3463
3517
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3464
3518
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,