@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/bootstrap-dark.css CHANGED
@@ -483,6 +483,10 @@
483
483
  font-size: 14px;
484
484
  padding: 8px 8px;
485
485
  }
486
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
487
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
488
+ border-bottom-width: 1px;
489
+ }
486
490
  .e-bigger .e-grid .e-rowcell:first-child,
487
491
  .e-bigger .e-grid .e-summarycell:first-child,
488
492
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -871,11 +875,6 @@
871
875
  margin-right: 0;
872
876
  width: auto;
873
877
  }
874
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
875
- .e-grid.e-bigger .e-gridheader table th[rowspan],
876
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
877
- padding-bottom: 20px;
878
- }
879
878
  .e-bigger .e-grid .e-groupsort,
880
879
  .e-bigger .e-grid span.e-ungroupbutton,
881
880
  .e-bigger .e-grid .e-toggleungroup,
@@ -1035,6 +1034,12 @@
1035
1034
  -ms-user-select: none;
1036
1035
  user-select: none;
1037
1036
  }
1037
+ .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],
1038
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1039
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1040
+ padding-bottom: 20px;
1041
+ }
1042
+
1038
1043
  .e-grid {
1039
1044
  border-radius: 4px;
1040
1045
  border-style: none solid solid;
@@ -1660,6 +1665,9 @@
1660
1665
  white-space: normal;
1661
1666
  word-wrap: break-word;
1662
1667
  }
1668
+ .e-grid .e-summarycell.e-lastrowcell {
1669
+ border-bottom-width: 1px;
1670
+ }
1663
1671
  .e-grid .e-summarycontent {
1664
1672
  display: -ms-flexbox;
1665
1673
  display: flex;
@@ -1718,7 +1726,7 @@
1718
1726
  .e-grid.e-bothlines .e-rowcell {
1719
1727
  border-width: 1px 0 0 1px;
1720
1728
  }
1721
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1729
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1722
1730
  padding-bottom: 13px;
1723
1731
  vertical-align: bottom;
1724
1732
  }
@@ -1767,19 +1775,19 @@
1767
1775
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1768
1776
  border-width: 0 0 0 1px;
1769
1777
  }
1770
- .e-grid.e-default table th[rowspan] {
1778
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1771
1779
  border-width: 0 0 0 1px;
1772
1780
  }
1773
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1781
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1774
1782
  border-right-width: 2px;
1775
1783
  }
1776
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1784
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1777
1785
  border-left-width: 2px;
1778
1786
  }
1779
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1787
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1780
1788
  border-left-width: 1px;
1781
1789
  }
1782
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1790
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1783
1791
  border-right-width: 1px;
1784
1792
  }
1785
1793
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3133,21 +3141,6 @@
3133
3141
  left: 4px;
3134
3142
  position: relative;
3135
3143
  }
3136
- .e-grid.e-rtl.e-default table th[rowspan] {
3137
- border-width: 0 1px 0 0;
3138
- }
3139
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3140
- border-left-width: 2px;
3141
- }
3142
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3143
- border-right-width: 2px;
3144
- }
3145
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3146
- border-right-width: 1px;
3147
- }
3148
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3149
- border-left-width: 1px;
3150
- }
3151
3144
  .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 {
3152
3145
  border-left: 1px solid;
3153
3146
  border-right: 0;
@@ -3219,6 +3212,21 @@
3219
3212
  margin: -20px 0 -20px -36px;
3220
3213
  padding: 6px;
3221
3214
  }
3215
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3216
+ border-width: 0 1px 0 0;
3217
+ }
3218
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3219
+ border-left-width: 2px;
3220
+ }
3221
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3222
+ border-right-width: 2px;
3223
+ }
3224
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3225
+ border-right-width: 1px;
3226
+ }
3227
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3228
+ border-left-width: 1px;
3229
+ }
3222
3230
  .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 {
3223
3231
  height: Auto;
3224
3232
  line-height: 18px;
@@ -3294,13 +3302,13 @@
3294
3302
  .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) {
3295
3303
  border-right: 0;
3296
3304
  }
3297
- .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) {
3305
+ .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) {
3298
3306
  border-left: 0;
3299
3307
  }
3300
3308
  .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 {
3301
3309
  border-left: 0;
3302
3310
  }
3303
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3311
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3304
3312
  border-right: 0;
3305
3313
  }
3306
3314
  .e-grid .e-mask {
@@ -3445,6 +3453,52 @@
3445
3453
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3446
3454
  text-align: left;
3447
3455
  }
3456
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3457
+ border-width: 0 0 0 1px;
3458
+ }
3459
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3460
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3461
+ padding-bottom: 13px;
3462
+ vertical-align: bottom;
3463
+ }
3464
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3465
+ border-right-width: 2px;
3466
+ }
3467
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3468
+ border-left-width: 2px;
3469
+ }
3470
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3471
+ border-left-width: 1px;
3472
+ }
3473
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3474
+ border-right-width: 1px;
3475
+ }
3476
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3477
+ border-width: 0 1px 0 0;
3478
+ }
3479
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3480
+ border-left-width: 2px;
3481
+ }
3482
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3483
+ border-right-width: 2px;
3484
+ }
3485
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3486
+ border-right-width: 1px;
3487
+ }
3488
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3489
+ border-left-width: 1px;
3490
+ }
3491
+ .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) {
3492
+ border-left: 0;
3493
+ }
3494
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3495
+ border-right: 0;
3496
+ }
3497
+ .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"]),
3498
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3499
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3500
+ padding-bottom: 20px;
3501
+ }
3448
3502
 
3449
3503
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3450
3504
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/bootstrap.css CHANGED
@@ -484,6 +484,10 @@
484
484
  font-size: 14px;
485
485
  padding: 8px 8px;
486
486
  }
487
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
488
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
489
+ border-bottom-width: 1px;
490
+ }
487
491
  .e-bigger .e-grid .e-rowcell:first-child,
488
492
  .e-bigger .e-grid .e-summarycell:first-child,
489
493
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -872,11 +876,6 @@
872
876
  margin-right: 0;
873
877
  width: auto;
874
878
  }
875
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
876
- .e-grid.e-bigger .e-gridheader table th[rowspan],
877
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
878
- padding-bottom: 20px;
879
- }
880
879
  .e-bigger .e-grid .e-groupsort,
881
880
  .e-bigger .e-grid span.e-ungroupbutton,
882
881
  .e-bigger .e-grid .e-toggleungroup,
@@ -1036,6 +1035,12 @@
1036
1035
  -ms-user-select: none;
1037
1036
  user-select: none;
1038
1037
  }
1038
+ .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],
1039
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1040
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1041
+ padding-bottom: 20px;
1042
+ }
1043
+
1039
1044
  .e-grid {
1040
1045
  border-radius: 4px;
1041
1046
  border-style: none solid solid;
@@ -1661,6 +1666,9 @@
1661
1666
  white-space: normal;
1662
1667
  word-wrap: break-word;
1663
1668
  }
1669
+ .e-grid .e-summarycell.e-lastrowcell {
1670
+ border-bottom-width: 1px;
1671
+ }
1664
1672
  .e-grid .e-summarycontent {
1665
1673
  display: -ms-flexbox;
1666
1674
  display: flex;
@@ -1719,7 +1727,7 @@
1719
1727
  .e-grid.e-bothlines .e-rowcell {
1720
1728
  border-width: 1px 0 0 1px;
1721
1729
  }
1722
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1730
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1723
1731
  padding-bottom: 13px;
1724
1732
  vertical-align: bottom;
1725
1733
  }
@@ -1768,19 +1776,19 @@
1768
1776
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1769
1777
  border-width: 0 0 0 1px;
1770
1778
  }
1771
- .e-grid.e-default table th[rowspan] {
1779
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1772
1780
  border-width: 0 0 0 1px;
1773
1781
  }
1774
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1782
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1775
1783
  border-right-width: 2px;
1776
1784
  }
1777
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1785
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1778
1786
  border-left-width: 2px;
1779
1787
  }
1780
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1788
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1781
1789
  border-left-width: 1px;
1782
1790
  }
1783
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1791
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1784
1792
  border-right-width: 1px;
1785
1793
  }
1786
1794
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3134,21 +3142,6 @@
3134
3142
  left: 4px;
3135
3143
  position: relative;
3136
3144
  }
3137
- .e-grid.e-rtl.e-default table th[rowspan] {
3138
- border-width: 0 1px 0 0;
3139
- }
3140
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3141
- border-left-width: 2px;
3142
- }
3143
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3144
- border-right-width: 2px;
3145
- }
3146
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3147
- border-right-width: 1px;
3148
- }
3149
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3150
- border-left-width: 1px;
3151
- }
3152
3145
  .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 {
3153
3146
  border-left: 1px solid;
3154
3147
  border-right: 0;
@@ -3220,6 +3213,21 @@
3220
3213
  margin: -20px 0 -20px -30px;
3221
3214
  padding: 6px;
3222
3215
  }
3216
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3217
+ border-width: 0 1px 0 0;
3218
+ }
3219
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3220
+ border-left-width: 2px;
3221
+ }
3222
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3223
+ border-right-width: 2px;
3224
+ }
3225
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3226
+ border-right-width: 1px;
3227
+ }
3228
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3229
+ border-left-width: 1px;
3230
+ }
3223
3231
  .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 {
3224
3232
  height: Auto;
3225
3233
  line-height: 18px;
@@ -3295,13 +3303,13 @@
3295
3303
  .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) {
3296
3304
  border-right: 0;
3297
3305
  }
3298
- .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) {
3306
+ .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) {
3299
3307
  border-left: 0;
3300
3308
  }
3301
3309
  .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 {
3302
3310
  border-left: 0;
3303
3311
  }
3304
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3312
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3305
3313
  border-right: 0;
3306
3314
  }
3307
3315
  .e-grid .e-mask {
@@ -3446,6 +3454,52 @@
3446
3454
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3447
3455
  text-align: left;
3448
3456
  }
3457
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3458
+ border-width: 0 0 0 1px;
3459
+ }
3460
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3461
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3462
+ padding-bottom: 13px;
3463
+ vertical-align: bottom;
3464
+ }
3465
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3466
+ border-right-width: 2px;
3467
+ }
3468
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3469
+ border-left-width: 2px;
3470
+ }
3471
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3472
+ border-left-width: 1px;
3473
+ }
3474
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3475
+ border-right-width: 1px;
3476
+ }
3477
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3478
+ border-width: 0 1px 0 0;
3479
+ }
3480
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3481
+ border-left-width: 2px;
3482
+ }
3483
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3484
+ border-right-width: 2px;
3485
+ }
3486
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3487
+ border-right-width: 1px;
3488
+ }
3489
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3490
+ border-left-width: 1px;
3491
+ }
3492
+ .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) {
3493
+ border-left: 0;
3494
+ }
3495
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3496
+ border-right: 0;
3497
+ }
3498
+ .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"]),
3499
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3500
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3501
+ padding-bottom: 20px;
3502
+ }
3449
3503
 
3450
3504
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3451
3505
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/bootstrap4.css CHANGED
@@ -116,13 +116,24 @@
116
116
  }
117
117
 
118
118
  .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
119
- font-size: 8px;
119
+ font-size: 12px;
120
+ }
121
+
122
+ .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
123
+ .e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
124
+ font-size: 14px;
120
125
  }
121
126
 
122
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
127
+ .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
128
+ .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
123
129
  font-size: 10px;
124
130
  }
125
131
 
132
+ .e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
133
+ .e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
134
+ font-size: 12px;
135
+ }
136
+
126
137
  .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
127
138
  font-size: 14px;
128
139
  line-height: 34px;
@@ -523,6 +534,10 @@
523
534
  font-size: 16px;
524
535
  padding: 12px 12px;
525
536
  }
537
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
538
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
539
+ border-bottom-width: 1px;
540
+ }
526
541
  .e-bigger .e-grid .e-rowcell:first-child,
527
542
  .e-bigger .e-grid .e-summarycell:first-child,
528
543
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -911,11 +926,6 @@
911
926
  margin-right: 0;
912
927
  width: auto;
913
928
  }
914
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
915
- .e-grid.e-bigger .e-gridheader table th[rowspan],
916
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
917
- padding-bottom: 20px;
918
- }
919
929
  .e-bigger .e-grid .e-groupsort,
920
930
  .e-bigger .e-grid span.e-ungroupbutton,
921
931
  .e-bigger .e-grid .e-toggleungroup,
@@ -1081,6 +1091,12 @@
1081
1091
  -ms-user-select: none;
1082
1092
  user-select: none;
1083
1093
  }
1094
+ .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],
1095
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1096
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1097
+ padding-bottom: 20px;
1098
+ }
1099
+
1084
1100
  .e-grid {
1085
1101
  border-radius: 4px;
1086
1102
  border-style: none solid solid;
@@ -1709,6 +1725,9 @@
1709
1725
  white-space: normal;
1710
1726
  word-wrap: break-word;
1711
1727
  }
1728
+ .e-grid .e-summarycell.e-lastrowcell {
1729
+ border-bottom-width: 1px;
1730
+ }
1712
1731
  .e-grid .e-summarycontent {
1713
1732
  display: -ms-flexbox;
1714
1733
  display: flex;
@@ -1767,7 +1786,7 @@
1767
1786
  .e-grid.e-bothlines .e-rowcell {
1768
1787
  border-width: 1px 0 0 1px;
1769
1788
  }
1770
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1789
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1771
1790
  padding-bottom: 13px;
1772
1791
  vertical-align: bottom;
1773
1792
  }
@@ -1816,19 +1835,19 @@
1816
1835
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1817
1836
  border-width: 0 0 0 1px;
1818
1837
  }
1819
- .e-grid.e-default table th[rowspan] {
1838
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1820
1839
  border-width: 0 0 0 1px;
1821
1840
  }
1822
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1841
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1823
1842
  border-right-width: 2px;
1824
1843
  }
1825
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1844
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1826
1845
  border-left-width: 2px;
1827
1846
  }
1828
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1847
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1829
1848
  border-left-width: 1px;
1830
1849
  }
1831
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1850
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1832
1851
  border-right-width: 1px;
1833
1852
  }
1834
1853
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3185,21 +3204,6 @@
3185
3204
  left: 4px;
3186
3205
  position: relative;
3187
3206
  }
3188
- .e-grid.e-rtl.e-default table th[rowspan] {
3189
- border-width: 0 1px 0 0;
3190
- }
3191
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3192
- border-left-width: 2px;
3193
- }
3194
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3195
- border-right-width: 2px;
3196
- }
3197
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3198
- border-right-width: 1px;
3199
- }
3200
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3201
- border-left-width: 1px;
3202
- }
3203
3207
  .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 {
3204
3208
  border-left: 1px solid;
3205
3209
  border-right: 0;
@@ -3271,6 +3275,21 @@
3271
3275
  margin: -19px 0 -20px -36px;
3272
3276
  padding: 6px;
3273
3277
  }
3278
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3279
+ border-width: 0 1px 0 0;
3280
+ }
3281
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3282
+ border-left-width: 2px;
3283
+ }
3284
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3285
+ border-right-width: 2px;
3286
+ }
3287
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3288
+ border-right-width: 1px;
3289
+ }
3290
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3291
+ border-left-width: 1px;
3292
+ }
3274
3293
  .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 {
3275
3294
  height: Auto;
3276
3295
  line-height: 21px;
@@ -3346,13 +3365,13 @@
3346
3365
  .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) {
3347
3366
  border-right: 0;
3348
3367
  }
3349
- .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) {
3368
+ .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) {
3350
3369
  border-left: 0;
3351
3370
  }
3352
3371
  .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 {
3353
3372
  border-left: 0;
3354
3373
  }
3355
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3374
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3356
3375
  border-right: 0;
3357
3376
  }
3358
3377
  .e-grid .e-mask {
@@ -3497,6 +3516,52 @@
3497
3516
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3498
3517
  text-align: left;
3499
3518
  }
3519
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3520
+ border-width: 0 0 0 1px;
3521
+ }
3522
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3523
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3524
+ padding-bottom: 13px;
3525
+ vertical-align: bottom;
3526
+ }
3527
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3528
+ border-right-width: 2px;
3529
+ }
3530
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3531
+ border-left-width: 2px;
3532
+ }
3533
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3534
+ border-left-width: 1px;
3535
+ }
3536
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3537
+ border-right-width: 1px;
3538
+ }
3539
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3540
+ border-width: 0 1px 0 0;
3541
+ }
3542
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3543
+ border-left-width: 2px;
3544
+ }
3545
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3546
+ border-right-width: 2px;
3547
+ }
3548
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3549
+ border-right-width: 1px;
3550
+ }
3551
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3552
+ border-left-width: 1px;
3553
+ }
3554
+ .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) {
3555
+ border-left: 0;
3556
+ }
3557
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3558
+ border-right: 0;
3559
+ }
3560
+ .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"]),
3561
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3562
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3563
+ padding-bottom: 20px;
3564
+ }
3500
3565
 
3501
3566
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3502
3567
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,