@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/bootstrap5-dark.css CHANGED
@@ -537,6 +537,10 @@
537
537
  font-size: 16px;
538
538
  padding: 8px 12px;
539
539
  }
540
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
541
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
542
+ border-bottom-width: 1px;
543
+ }
540
544
  .e-bigger .e-grid .e-rowcell:first-child,
541
545
  .e-bigger .e-grid .e-summarycell:first-child,
542
546
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -930,11 +934,6 @@
930
934
  margin-right: 0;
931
935
  width: auto;
932
936
  }
933
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
934
- .e-grid.e-bigger .e-gridheader table th[rowspan],
935
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
936
- padding-bottom: 20px;
937
- }
938
937
  .e-bigger .e-grid .e-groupsort,
939
938
  .e-bigger .e-grid span.e-ungroupbutton,
940
939
  .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) {
@@ -3195,21 +3203,6 @@
3195
3203
  left: 4px;
3196
3204
  position: relative;
3197
3205
  }
3198
- .e-grid.e-rtl.e-default table th[rowspan] {
3199
- border-width: 0 1px 0 0;
3200
- }
3201
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3202
- border-left-width: 2px;
3203
- }
3204
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3205
- border-right-width: 2px;
3206
- }
3207
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3208
- border-right-width: 1px;
3209
- }
3210
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3211
- border-left-width: 1px;
3212
- }
3213
3206
  .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 {
3214
3207
  border-left: 1px solid;
3215
3208
  border-right: 0;
@@ -3281,6 +3274,21 @@
3281
3274
  margin: -12px 8px -12px -2px;
3282
3275
  padding: 2px;
3283
3276
  }
3277
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3278
+ border-width: 0 1px 0 0;
3279
+ }
3280
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3281
+ border-left-width: 2px;
3282
+ }
3283
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3284
+ border-right-width: 2px;
3285
+ }
3286
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3287
+ border-right-width: 1px;
3288
+ }
3289
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3290
+ border-left-width: 1px;
3291
+ }
3284
3292
  .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 {
3285
3293
  height: Auto;
3286
3294
  line-height: 21px;
@@ -3356,13 +3364,13 @@
3356
3364
  .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) {
3357
3365
  border-right: 0;
3358
3366
  }
3359
- .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) {
3367
+ .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) {
3360
3368
  border-left: 0;
3361
3369
  }
3362
3370
  .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 {
3363
3371
  border-left: 0;
3364
3372
  }
3365
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3373
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3366
3374
  border-right: 0;
3367
3375
  }
3368
3376
  .e-grid .e-mask {
@@ -3507,6 +3515,52 @@
3507
3515
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3508
3516
  text-align: left;
3509
3517
  }
3518
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3519
+ border-width: 0 0 0 1px;
3520
+ }
3521
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3522
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3523
+ padding-bottom: 13px;
3524
+ vertical-align: bottom;
3525
+ }
3526
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3527
+ border-right-width: 2px;
3528
+ }
3529
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3530
+ border-left-width: 2px;
3531
+ }
3532
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3533
+ border-left-width: 1px;
3534
+ }
3535
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3536
+ border-right-width: 1px;
3537
+ }
3538
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3539
+ border-width: 0 1px 0 0;
3540
+ }
3541
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3542
+ border-left-width: 2px;
3543
+ }
3544
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3545
+ border-right-width: 2px;
3546
+ }
3547
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3548
+ border-right-width: 1px;
3549
+ }
3550
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3551
+ border-left-width: 1px;
3552
+ }
3553
+ .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) {
3554
+ border-left: 0;
3555
+ }
3556
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3557
+ border-right: 0;
3558
+ }
3559
+ .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"]),
3560
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3561
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3562
+ padding-bottom: 20px;
3563
+ }
3510
3564
 
3511
3565
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3512
3566
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/bootstrap5.css CHANGED
@@ -537,6 +537,10 @@
537
537
  font-size: 16px;
538
538
  padding: 8px 12px;
539
539
  }
540
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
541
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
542
+ border-bottom-width: 1px;
543
+ }
540
544
  .e-bigger .e-grid .e-rowcell:first-child,
541
545
  .e-bigger .e-grid .e-summarycell:first-child,
542
546
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -930,11 +934,6 @@
930
934
  margin-right: 0;
931
935
  width: auto;
932
936
  }
933
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
934
- .e-grid.e-bigger .e-gridheader table th[rowspan],
935
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
936
- padding-bottom: 20px;
937
- }
938
937
  .e-bigger .e-grid .e-groupsort,
939
938
  .e-bigger .e-grid span.e-ungroupbutton,
940
939
  .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) {
@@ -3195,21 +3203,6 @@
3195
3203
  left: 4px;
3196
3204
  position: relative;
3197
3205
  }
3198
- .e-grid.e-rtl.e-default table th[rowspan] {
3199
- border-width: 0 1px 0 0;
3200
- }
3201
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3202
- border-left-width: 2px;
3203
- }
3204
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3205
- border-right-width: 2px;
3206
- }
3207
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3208
- border-right-width: 1px;
3209
- }
3210
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3211
- border-left-width: 1px;
3212
- }
3213
3206
  .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 {
3214
3207
  border-left: 1px solid;
3215
3208
  border-right: 0;
@@ -3281,6 +3274,21 @@
3281
3274
  margin: -12px 8px -12px -2px;
3282
3275
  padding: 2px;
3283
3276
  }
3277
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3278
+ border-width: 0 1px 0 0;
3279
+ }
3280
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3281
+ border-left-width: 2px;
3282
+ }
3283
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3284
+ border-right-width: 2px;
3285
+ }
3286
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3287
+ border-right-width: 1px;
3288
+ }
3289
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3290
+ border-left-width: 1px;
3291
+ }
3284
3292
  .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 {
3285
3293
  height: Auto;
3286
3294
  line-height: 21px;
@@ -3356,13 +3364,13 @@
3356
3364
  .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) {
3357
3365
  border-right: 0;
3358
3366
  }
3359
- .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) {
3367
+ .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) {
3360
3368
  border-left: 0;
3361
3369
  }
3362
3370
  .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 {
3363
3371
  border-left: 0;
3364
3372
  }
3365
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3373
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3366
3374
  border-right: 0;
3367
3375
  }
3368
3376
  .e-grid .e-mask {
@@ -3507,6 +3515,52 @@
3507
3515
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3508
3516
  text-align: left;
3509
3517
  }
3518
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3519
+ border-width: 0 0 0 1px;
3520
+ }
3521
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3522
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3523
+ padding-bottom: 13px;
3524
+ vertical-align: bottom;
3525
+ }
3526
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3527
+ border-right-width: 2px;
3528
+ }
3529
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3530
+ border-left-width: 2px;
3531
+ }
3532
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3533
+ border-left-width: 1px;
3534
+ }
3535
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3536
+ border-right-width: 1px;
3537
+ }
3538
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3539
+ border-width: 0 1px 0 0;
3540
+ }
3541
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3542
+ border-left-width: 2px;
3543
+ }
3544
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3545
+ border-right-width: 2px;
3546
+ }
3547
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3548
+ border-right-width: 1px;
3549
+ }
3550
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3551
+ border-left-width: 1px;
3552
+ }
3553
+ .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) {
3554
+ border-left: 0;
3555
+ }
3556
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3557
+ border-right: 0;
3558
+ }
3559
+ .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"]),
3560
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3561
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3562
+ padding-bottom: 20px;
3563
+ }
3510
3564
 
3511
3565
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3512
3566
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/fabric-dark.css CHANGED
@@ -457,6 +457,10 @@
457
457
  font-size: 14px;
458
458
  padding: 9px 10px;
459
459
  }
460
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
461
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
462
+ border-bottom-width: 1px;
463
+ }
460
464
  .e-bigger .e-grid .e-rowcell:first-child,
461
465
  .e-bigger .e-grid .e-summarycell:first-child,
462
466
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -845,11 +849,6 @@
845
849
  margin-right: 10px;
846
850
  width: 76px;
847
851
  }
848
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
849
- .e-grid.e-bigger .e-gridheader table th[rowspan],
850
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
851
- padding-bottom: 20px;
852
- }
853
852
  .e-bigger .e-grid .e-groupsort,
854
853
  .e-bigger .e-grid span.e-ungroupbutton,
855
854
  .e-bigger .e-grid .e-toggleungroup,
@@ -1009,6 +1008,12 @@
1009
1008
  -ms-user-select: none;
1010
1009
  user-select: none;
1011
1010
  }
1011
+ .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],
1012
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1013
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1014
+ padding-bottom: 20px;
1015
+ }
1016
+
1012
1017
  .e-grid {
1013
1018
  border-radius: 0;
1014
1019
  border-style: none solid solid;
@@ -1634,6 +1639,9 @@
1634
1639
  white-space: normal;
1635
1640
  word-wrap: break-word;
1636
1641
  }
1642
+ .e-grid .e-summarycell.e-lastrowcell {
1643
+ border-bottom-width: 1px;
1644
+ }
1637
1645
  .e-grid .e-summarycontent {
1638
1646
  display: -ms-flexbox;
1639
1647
  display: flex;
@@ -1692,7 +1700,7 @@
1692
1700
  .e-grid.e-bothlines .e-rowcell {
1693
1701
  border-width: 1px 0 0 1px;
1694
1702
  }
1695
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1703
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1696
1704
  padding-bottom: 4px;
1697
1705
  vertical-align: bottom;
1698
1706
  }
@@ -1741,19 +1749,19 @@
1741
1749
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1742
1750
  border-width: 0 0 0 1px;
1743
1751
  }
1744
- .e-grid.e-default table th[rowspan] {
1752
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1745
1753
  border-width: 0 0 0 1px;
1746
1754
  }
1747
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1755
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1748
1756
  border-right-width: 2px;
1749
1757
  }
1750
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1758
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1751
1759
  border-left-width: 2px;
1752
1760
  }
1753
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1761
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1754
1762
  border-left-width: 1px;
1755
1763
  }
1756
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1764
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1757
1765
  border-right-width: 1px;
1758
1766
  }
1759
1767
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3107,21 +3115,6 @@
3107
3115
  left: 4px;
3108
3116
  position: relative;
3109
3117
  }
3110
- .e-grid.e-rtl.e-default table th[rowspan] {
3111
- border-width: 0 1px 0 0;
3112
- }
3113
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3114
- border-left-width: 2px;
3115
- }
3116
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3117
- border-right-width: 2px;
3118
- }
3119
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3120
- border-right-width: 1px;
3121
- }
3122
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3123
- border-left-width: 1px;
3124
- }
3125
3118
  .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 {
3126
3119
  border-left: 1px solid;
3127
3120
  border-right: 0;
@@ -3193,6 +3186,21 @@
3193
3186
  margin: -27px 0 -24px -5px;
3194
3187
  padding: 7px;
3195
3188
  }
3189
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3190
+ border-width: 0 1px 0 0;
3191
+ }
3192
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3193
+ border-left-width: 2px;
3194
+ }
3195
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3196
+ border-right-width: 2px;
3197
+ }
3198
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3199
+ border-right-width: 1px;
3200
+ }
3201
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3202
+ border-left-width: 1px;
3203
+ }
3196
3204
  .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 {
3197
3205
  height: Auto;
3198
3206
  line-height: 18px;
@@ -3268,13 +3276,13 @@
3268
3276
  .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) {
3269
3277
  border-right: 0;
3270
3278
  }
3271
- .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) {
3279
+ .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) {
3272
3280
  border-left: 0;
3273
3281
  }
3274
3282
  .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 {
3275
3283
  border-left: 0;
3276
3284
  }
3277
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3285
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3278
3286
  border-right: 0;
3279
3287
  }
3280
3288
  .e-grid .e-mask {
@@ -3419,6 +3427,52 @@
3419
3427
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3420
3428
  text-align: left;
3421
3429
  }
3430
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3431
+ border-width: 0 0 0 1px;
3432
+ }
3433
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3434
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3435
+ padding-bottom: 4px;
3436
+ vertical-align: bottom;
3437
+ }
3438
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3439
+ border-right-width: 2px;
3440
+ }
3441
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3442
+ border-left-width: 2px;
3443
+ }
3444
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3445
+ border-left-width: 1px;
3446
+ }
3447
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3448
+ border-right-width: 1px;
3449
+ }
3450
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3451
+ border-width: 0 1px 0 0;
3452
+ }
3453
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3454
+ border-left-width: 2px;
3455
+ }
3456
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3457
+ border-right-width: 2px;
3458
+ }
3459
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3460
+ border-right-width: 1px;
3461
+ }
3462
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3463
+ border-left-width: 1px;
3464
+ }
3465
+ .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) {
3466
+ border-left: 0;
3467
+ }
3468
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3469
+ border-right: 0;
3470
+ }
3471
+ .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"]),
3472
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3473
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3474
+ padding-bottom: 20px;
3475
+ }
3422
3476
 
3423
3477
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3424
3478
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,