@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/material.css CHANGED
@@ -531,6 +531,10 @@
531
531
  font-size: 13px;
532
532
  padding: 11px 28px;
533
533
  }
534
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
535
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
536
+ border-bottom-width: 1px;
537
+ }
534
538
  .e-bigger .e-grid .e-rowcell:first-child,
535
539
  .e-bigger .e-grid .e-summarycell:first-child,
536
540
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -919,11 +923,6 @@
919
923
  margin-right: 8px;
920
924
  width: 76px;
921
925
  }
922
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
923
- .e-grid.e-bigger .e-gridheader table th[rowspan],
924
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
925
- padding-bottom: 20px;
926
- }
927
926
  .e-bigger .e-grid .e-groupsort,
928
927
  .e-bigger .e-grid span.e-ungroupbutton,
929
928
  .e-bigger .e-grid .e-toggleungroup,
@@ -1083,6 +1082,12 @@
1083
1082
  -ms-user-select: none;
1084
1083
  user-select: none;
1085
1084
  }
1085
+ .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],
1086
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1087
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1088
+ padding-bottom: 20px;
1089
+ }
1090
+
1086
1091
  .e-grid {
1087
1092
  border-radius: 0;
1088
1093
  border-style: none solid solid;
@@ -1708,6 +1713,9 @@
1708
1713
  white-space: normal;
1709
1714
  word-wrap: break-word;
1710
1715
  }
1716
+ .e-grid .e-summarycell.e-lastrowcell {
1717
+ border-bottom-width: 1px;
1718
+ }
1711
1719
  .e-grid .e-summarycontent {
1712
1720
  display: -ms-flexbox;
1713
1721
  display: flex;
@@ -1766,7 +1774,7 @@
1766
1774
  .e-grid.e-bothlines .e-rowcell {
1767
1775
  border-width: 1px 0 0 1px;
1768
1776
  }
1769
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1777
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1770
1778
  padding-bottom: 13px;
1771
1779
  vertical-align: bottom;
1772
1780
  }
@@ -1815,19 +1823,19 @@
1815
1823
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1816
1824
  border-width: 0 0 0 1px;
1817
1825
  }
1818
- .e-grid.e-default table th[rowspan] {
1826
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1819
1827
  border-width: 0 0 0 1px;
1820
1828
  }
1821
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1829
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1822
1830
  border-right-width: 2px;
1823
1831
  }
1824
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1832
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1825
1833
  border-left-width: 2px;
1826
1834
  }
1827
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1835
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1828
1836
  border-left-width: 1px;
1829
1837
  }
1830
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1838
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1831
1839
  border-right-width: 1px;
1832
1840
  }
1833
1841
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3181,21 +3189,6 @@
3181
3189
  left: 4px;
3182
3190
  position: relative;
3183
3191
  }
3184
- .e-grid.e-rtl.e-default table th[rowspan] {
3185
- border-width: 0 1px 0 0;
3186
- }
3187
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3188
- border-left-width: 2px;
3189
- }
3190
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3191
- border-right-width: 2px;
3192
- }
3193
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3194
- border-right-width: 1px;
3195
- }
3196
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3197
- border-left-width: 1px;
3198
- }
3199
3192
  .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 {
3200
3193
  border-left: 1px solid;
3201
3194
  border-right: 0;
@@ -3267,6 +3260,21 @@
3267
3260
  margin: -18px 0 -18px -11px;
3268
3261
  padding: 6px;
3269
3262
  }
3263
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3264
+ border-width: 0 1px 0 0;
3265
+ }
3266
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3267
+ border-left-width: 2px;
3268
+ }
3269
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3270
+ border-right-width: 2px;
3271
+ }
3272
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3273
+ border-right-width: 1px;
3274
+ }
3275
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3276
+ border-left-width: 1px;
3277
+ }
3270
3278
  .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 {
3271
3279
  height: Auto;
3272
3280
  line-height: 18px;
@@ -3342,13 +3350,13 @@
3342
3350
  .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) {
3343
3351
  border-right: 0;
3344
3352
  }
3345
- .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) {
3353
+ .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) {
3346
3354
  border-left: 0;
3347
3355
  }
3348
3356
  .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 {
3349
3357
  border-left: 0;
3350
3358
  }
3351
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3359
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3352
3360
  border-right: 0;
3353
3361
  }
3354
3362
  .e-grid .e-mask {
@@ -3493,6 +3501,52 @@
3493
3501
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3494
3502
  text-align: left;
3495
3503
  }
3504
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3505
+ border-width: 0 0 0 1px;
3506
+ }
3507
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3508
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3509
+ padding-bottom: 13px;
3510
+ vertical-align: bottom;
3511
+ }
3512
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3513
+ border-right-width: 2px;
3514
+ }
3515
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3516
+ border-left-width: 2px;
3517
+ }
3518
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3519
+ border-left-width: 1px;
3520
+ }
3521
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3522
+ border-right-width: 1px;
3523
+ }
3524
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3525
+ border-width: 0 1px 0 0;
3526
+ }
3527
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3528
+ border-left-width: 2px;
3529
+ }
3530
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3531
+ border-right-width: 2px;
3532
+ }
3533
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3534
+ border-right-width: 1px;
3535
+ }
3536
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3537
+ border-left-width: 1px;
3538
+ }
3539
+ .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) {
3540
+ border-left: 0;
3541
+ }
3542
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3543
+ border-right: 0;
3544
+ }
3545
+ .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"]),
3546
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3547
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3548
+ padding-bottom: 20px;
3549
+ }
3496
3550
 
3497
3551
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3498
3552
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/material3-dark.css CHANGED
@@ -607,6 +607,10 @@
607
607
  font-size: 14px;
608
608
  padding: 14px 12px;
609
609
  }
610
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
611
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
612
+ border-bottom-width: 1px;
613
+ }
610
614
  .e-bigger .e-grid .e-rowcell .e-checkbox-wrapper,
611
615
  .e-bigger .e-grid .e-rowcell .e-css.e-checkbox-wrapper,
612
616
  .e-grid.e-bigger .e-rowcell .e-checkbox-wrapper,
@@ -1034,11 +1038,6 @@
1034
1038
  margin-right: 0;
1035
1039
  width: auto;
1036
1040
  }
1037
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1038
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1039
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1040
- padding-bottom: 13px;
1041
- }
1042
1041
  .e-bigger .e-grid .e-groupsort,
1043
1042
  .e-bigger .e-grid span.e-ungroupbutton,
1044
1043
  .e-bigger .e-grid .e-toggleungroup,
@@ -1250,6 +1249,12 @@
1250
1249
  margin-left: -3px;
1251
1250
  }
1252
1251
 
1252
+ .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],
1253
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1254
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1255
+ padding-bottom: 13px;
1256
+ }
1257
+
1253
1258
  .e-grid {
1254
1259
  border-radius: 1px;
1255
1260
  border-style: none solid solid;
@@ -1890,6 +1895,9 @@
1890
1895
  white-space: normal;
1891
1896
  word-wrap: break-word;
1892
1897
  }
1898
+ .e-grid .e-summarycell.e-lastrowcell {
1899
+ border-bottom-width: 1px;
1900
+ }
1893
1901
  .e-grid .e-summarycontent {
1894
1902
  display: -ms-flexbox;
1895
1903
  display: flex;
@@ -1948,7 +1956,7 @@
1948
1956
  .e-grid.e-bothlines .e-rowcell {
1949
1957
  border-width: 1px 0 0 1px;
1950
1958
  }
1951
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1959
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1952
1960
  padding-bottom: 13px;
1953
1961
  vertical-align: bottom;
1954
1962
  }
@@ -1997,19 +2005,19 @@
1997
2005
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1998
2006
  border-width: 0 0 0 1px;
1999
2007
  }
2000
- .e-grid.e-default table th[rowspan] {
2008
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2001
2009
  border-width: 0 0 0 1px;
2002
2010
  }
2003
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2011
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2004
2012
  border-right-width: 2px;
2005
2013
  }
2006
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2014
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2007
2015
  border-left-width: 2px;
2008
2016
  }
2009
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2017
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2010
2018
  border-left-width: 1px;
2011
2019
  }
2012
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2020
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2013
2021
  border-right-width: 1px;
2014
2022
  }
2015
2023
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3409,21 +3417,6 @@
3409
3417
  left: 4px;
3410
3418
  position: relative;
3411
3419
  }
3412
- .e-grid.e-rtl.e-default table th[rowspan] {
3413
- border-width: 0 1px 0 0;
3414
- }
3415
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3416
- border-left-width: 2px;
3417
- }
3418
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3419
- border-right-width: 2px;
3420
- }
3421
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3422
- border-right-width: 1px;
3423
- }
3424
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3425
- border-left-width: 1px;
3426
- }
3427
3420
  .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 {
3428
3421
  border-left: 1px solid;
3429
3422
  border-right: 0;
@@ -3494,6 +3487,21 @@
3494
3487
  margin: -15px 8px -12px -2px;
3495
3488
  padding: 2px;
3496
3489
  }
3490
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3491
+ border-width: 0 1px 0 0;
3492
+ }
3493
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3494
+ border-left-width: 2px;
3495
+ }
3496
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3497
+ border-right-width: 2px;
3498
+ }
3499
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3500
+ border-right-width: 1px;
3501
+ }
3502
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3503
+ border-left-width: 1px;
3504
+ }
3497
3505
  .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 {
3498
3506
  height: Auto;
3499
3507
  line-height: 21px;
@@ -3569,13 +3577,13 @@
3569
3577
  .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) {
3570
3578
  border-right: 0;
3571
3579
  }
3572
- .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) {
3580
+ .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) {
3573
3581
  border-left: 0;
3574
3582
  }
3575
3583
  .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 {
3576
3584
  border-left: 0;
3577
3585
  }
3578
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3586
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3579
3587
  border-right: 0;
3580
3588
  }
3581
3589
  .e-grid .e-mask {
@@ -3721,6 +3729,52 @@
3721
3729
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3722
3730
  text-align: left;
3723
3731
  }
3732
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3733
+ border-width: 0 0 0 1px;
3734
+ }
3735
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3736
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3737
+ padding-bottom: 13px;
3738
+ vertical-align: bottom;
3739
+ }
3740
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3741
+ border-right-width: 2px;
3742
+ }
3743
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3744
+ border-left-width: 2px;
3745
+ }
3746
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3747
+ border-left-width: 1px;
3748
+ }
3749
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3750
+ border-right-width: 1px;
3751
+ }
3752
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3753
+ border-width: 0 1px 0 0;
3754
+ }
3755
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3756
+ border-left-width: 2px;
3757
+ }
3758
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3759
+ border-right-width: 2px;
3760
+ }
3761
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3762
+ border-right-width: 1px;
3763
+ }
3764
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3765
+ border-left-width: 1px;
3766
+ }
3767
+ .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) {
3768
+ border-left: 0;
3769
+ }
3770
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3771
+ border-right: 0;
3772
+ }
3773
+ .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"]),
3774
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3775
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3776
+ padding-bottom: 13px;
3777
+ }
3724
3778
 
3725
3779
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3726
3780
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/material3.css CHANGED
@@ -663,6 +663,10 @@
663
663
  font-size: 14px;
664
664
  padding: 14px 12px;
665
665
  }
666
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
667
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
668
+ border-bottom-width: 1px;
669
+ }
666
670
  .e-bigger .e-grid .e-rowcell .e-checkbox-wrapper,
667
671
  .e-bigger .e-grid .e-rowcell .e-css.e-checkbox-wrapper,
668
672
  .e-grid.e-bigger .e-rowcell .e-checkbox-wrapper,
@@ -1090,11 +1094,6 @@
1090
1094
  margin-right: 0;
1091
1095
  width: auto;
1092
1096
  }
1093
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1094
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1095
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1096
- padding-bottom: 13px;
1097
- }
1098
1097
  .e-bigger .e-grid .e-groupsort,
1099
1098
  .e-bigger .e-grid span.e-ungroupbutton,
1100
1099
  .e-bigger .e-grid .e-toggleungroup,
@@ -1306,6 +1305,12 @@
1306
1305
  margin-left: -3px;
1307
1306
  }
1308
1307
 
1308
+ .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],
1309
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1310
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1311
+ padding-bottom: 13px;
1312
+ }
1313
+
1309
1314
  .e-grid {
1310
1315
  border-radius: 1px;
1311
1316
  border-style: none solid solid;
@@ -1946,6 +1951,9 @@
1946
1951
  white-space: normal;
1947
1952
  word-wrap: break-word;
1948
1953
  }
1954
+ .e-grid .e-summarycell.e-lastrowcell {
1955
+ border-bottom-width: 1px;
1956
+ }
1949
1957
  .e-grid .e-summarycontent {
1950
1958
  display: -ms-flexbox;
1951
1959
  display: flex;
@@ -2004,7 +2012,7 @@
2004
2012
  .e-grid.e-bothlines .e-rowcell {
2005
2013
  border-width: 1px 0 0 1px;
2006
2014
  }
2007
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
2015
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2008
2016
  padding-bottom: 13px;
2009
2017
  vertical-align: bottom;
2010
2018
  }
@@ -2053,19 +2061,19 @@
2053
2061
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2054
2062
  border-width: 0 0 0 1px;
2055
2063
  }
2056
- .e-grid.e-default table th[rowspan] {
2064
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2057
2065
  border-width: 0 0 0 1px;
2058
2066
  }
2059
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2067
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2060
2068
  border-right-width: 2px;
2061
2069
  }
2062
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2070
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2063
2071
  border-left-width: 2px;
2064
2072
  }
2065
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2073
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2066
2074
  border-left-width: 1px;
2067
2075
  }
2068
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2076
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2069
2077
  border-right-width: 1px;
2070
2078
  }
2071
2079
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3465,21 +3473,6 @@
3465
3473
  left: 4px;
3466
3474
  position: relative;
3467
3475
  }
3468
- .e-grid.e-rtl.e-default table th[rowspan] {
3469
- border-width: 0 1px 0 0;
3470
- }
3471
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3472
- border-left-width: 2px;
3473
- }
3474
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3475
- border-right-width: 2px;
3476
- }
3477
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3478
- border-right-width: 1px;
3479
- }
3480
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3481
- border-left-width: 1px;
3482
- }
3483
3476
  .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 {
3484
3477
  border-left: 1px solid;
3485
3478
  border-right: 0;
@@ -3550,6 +3543,21 @@
3550
3543
  margin: -15px 8px -12px -2px;
3551
3544
  padding: 2px;
3552
3545
  }
3546
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3547
+ border-width: 0 1px 0 0;
3548
+ }
3549
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3550
+ border-left-width: 2px;
3551
+ }
3552
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3553
+ border-right-width: 2px;
3554
+ }
3555
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3556
+ border-right-width: 1px;
3557
+ }
3558
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3559
+ border-left-width: 1px;
3560
+ }
3553
3561
  .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 {
3554
3562
  height: Auto;
3555
3563
  line-height: 21px;
@@ -3625,13 +3633,13 @@
3625
3633
  .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) {
3626
3634
  border-right: 0;
3627
3635
  }
3628
- .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) {
3636
+ .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) {
3629
3637
  border-left: 0;
3630
3638
  }
3631
3639
  .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 {
3632
3640
  border-left: 0;
3633
3641
  }
3634
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3642
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3635
3643
  border-right: 0;
3636
3644
  }
3637
3645
  .e-grid .e-mask {
@@ -3777,6 +3785,52 @@
3777
3785
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3778
3786
  text-align: left;
3779
3787
  }
3788
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3789
+ border-width: 0 0 0 1px;
3790
+ }
3791
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3792
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3793
+ padding-bottom: 13px;
3794
+ vertical-align: bottom;
3795
+ }
3796
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3797
+ border-right-width: 2px;
3798
+ }
3799
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3800
+ border-left-width: 2px;
3801
+ }
3802
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3803
+ border-left-width: 1px;
3804
+ }
3805
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3806
+ border-right-width: 1px;
3807
+ }
3808
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3809
+ border-width: 0 1px 0 0;
3810
+ }
3811
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3812
+ border-left-width: 2px;
3813
+ }
3814
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3815
+ border-right-width: 2px;
3816
+ }
3817
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3818
+ border-right-width: 1px;
3819
+ }
3820
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3821
+ border-left-width: 1px;
3822
+ }
3823
+ .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) {
3824
+ border-left: 0;
3825
+ }
3826
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3827
+ border-right: 0;
3828
+ }
3829
+ .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"]),
3830
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3831
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3832
+ padding-bottom: 13px;
3833
+ }
3780
3834
 
3781
3835
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3782
3836
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,