@syncfusion/ej2-angular-grids 23.1.40 → 23.1.41

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 (42) hide show
  1. package/package.json +7 -7
  2. package/schematics/utils/lib-details.d.ts +2 -2
  3. package/schematics/utils/lib-details.js +2 -2
  4. package/schematics/utils/lib-details.ts +2 -2
  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/_bootstrap4-definition.scss +1 -1
  16. package/styles/grid/_layout.scss +115 -33
  17. package/styles/grid/_theme.scss +4 -0
  18. package/styles/grid/bootstrap-dark.css +82 -28
  19. package/styles/grid/bootstrap.css +82 -28
  20. package/styles/grid/bootstrap4.css +95 -30
  21. package/styles/grid/bootstrap5-dark.css +82 -28
  22. package/styles/grid/bootstrap5.css +82 -28
  23. package/styles/grid/fabric-dark.css +82 -28
  24. package/styles/grid/fabric.css +82 -28
  25. package/styles/grid/fluent-dark.css +82 -28
  26. package/styles/grid/fluent.css +82 -28
  27. package/styles/grid/highcontrast-light.css +82 -28
  28. package/styles/grid/highcontrast.css +82 -28
  29. package/styles/grid/material-dark.css +82 -28
  30. package/styles/grid/material.css +82 -28
  31. package/styles/grid/material3-dark.css +82 -28
  32. package/styles/grid/material3.css +82 -28
  33. package/styles/grid/tailwind-dark.css +82 -28
  34. package/styles/grid/tailwind.css +82 -28
  35. package/styles/highcontrast-light.css +82 -28
  36. package/styles/highcontrast.css +82 -28
  37. package/styles/material-dark.css +82 -28
  38. package/styles/material.css +82 -28
  39. package/styles/material3-dark.css +82 -28
  40. package/styles/material3.css +82 -28
  41. package/styles/tailwind-dark.css +82 -28
  42. package/styles/tailwind.css +82 -28
@@ -682,12 +682,7 @@
682
682
  margin-right: $grid-bigger-grouptext-marign;
683
683
  width: $grid-bigger-grouptext-width;
684
684
  }
685
-
686
- .e-gridheader table th[rowspan],
687
- &.e-device .e-gridheader table th[rowspan] {
688
- padding-bottom: $grid-device-gridheader-row-span-padding;
689
- }
690
-
685
+
691
686
  .e-groupsort,
692
687
  span.e-ungroupbutton,
693
688
  .e-toggleungroup {
@@ -929,6 +924,14 @@
929
924
  }
930
925
  }
931
926
  }
927
+
928
+ .e-bigger #{&}.e-grid:not(.sf-grid),
929
+ #{&}.e-grid:not(.sf-grid).e-bigger {
930
+ .e-gridheader table th[rowspan],
931
+ &.e-device .e-gridheader table th[rowspan] {
932
+ padding-bottom: $grid-device-gridheader-row-span-padding;
933
+ }
934
+ }
932
935
 
933
936
  #{&}.e-grid {
934
937
  border-radius: $grid-border-radius;
@@ -1626,6 +1629,11 @@
1626
1629
  overflow: visible;
1627
1630
  }
1628
1631
 
1632
+ .e-headercell.e-templatecell .e-headercelldiv {
1633
+ height: auto;
1634
+ min-height: $grid-header-height;
1635
+ }
1636
+
1629
1637
  .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
1630
1638
  padding: 0 .6em;
1631
1639
  }
@@ -1923,8 +1931,8 @@
1923
1931
  border-width: $grid-rowcell-both-border-width;
1924
1932
  }
1925
1933
 
1926
- .e-gridheader table th[rowspan],
1927
- &.e-device .e-gridheader table th[rowspan] {
1934
+ &:not(.sf-grid).e-gridheader table th[rowspan],
1935
+ &:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1928
1936
  padding-bottom: $grid-stackedheadercell-botttom-padding;
1929
1937
  vertical-align: bottom;
1930
1938
  }
@@ -1994,23 +2002,23 @@
1994
2002
  border-width: $grid-headercell-both-border-width;
1995
2003
  }
1996
2004
 
1997
- &.e-default table th[rowspan] {
2005
+ &:not(.sf-grid).e-default table th[rowspan] {
1998
2006
  border-width: $grid-headercell-both-border-width;
1999
2007
  }
2000
2008
 
2001
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2009
+ &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2002
2010
  border-right-width: 2px;
2003
2011
  }
2004
2012
 
2005
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2013
+ &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2006
2014
  border-left-width: 2px;
2007
2015
  }
2008
2016
 
2009
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2017
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2010
2018
  border-left-width: 1px;
2011
2019
  }
2012
2020
 
2013
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2021
+ &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2014
2022
  border-right-width: 1px;
2015
2023
  }
2016
2024
 
@@ -3992,26 +4000,6 @@
3992
4000
  position: relative;
3993
4001
  }
3994
4002
 
3995
- &.e-default table th[rowspan] {
3996
- border-width: $grid-rtl-headercell-both-border-width;
3997
- }
3998
-
3999
- &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4000
- border-left-width: 2px;
4001
- }
4002
-
4003
- &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4004
- border-right-width: 2px;
4005
- }
4006
-
4007
- &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4008
- border-right-width: 1px;
4009
- }
4010
-
4011
- &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4012
- border-left-width: 1px;
4013
- }
4014
-
4015
4003
  &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
4016
4004
  &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
4017
4005
  border-left: 1px solid;
@@ -4125,6 +4113,28 @@
4125
4113
  }
4126
4114
  }
4127
4115
 
4116
+ &:not(.sf-grid).e-rtl{
4117
+ &.e-default table th[rowspan] {
4118
+ border-width: $grid-rtl-headercell-both-border-width;
4119
+ }
4120
+
4121
+ &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
4122
+ border-left-width: 2px;
4123
+ }
4124
+
4125
+ &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
4126
+ border-right-width: 2px;
4127
+ }
4128
+
4129
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
4130
+ border-right-width: 1px;
4131
+ }
4132
+
4133
+ &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
4134
+ border-left-width: 1px;
4135
+ }
4136
+ }
4137
+
4128
4138
  &.e-wrap {
4129
4139
  & .e-rowcell,
4130
4140
  & .e-columnheader .e-stackedheadercelldiv,
@@ -4244,7 +4254,10 @@
4244
4254
  & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
4245
4255
  border-right: 0;
4246
4256
  }
4257
+ }
4247
4258
 
4259
+ &:not(.sf-grid).e-resize-lines,
4260
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4248
4261
  &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
4249
4262
  border-left: 0;
4250
4263
  }
@@ -4257,7 +4270,9 @@
4257
4270
  & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
4258
4271
  border-left: 0;
4259
4272
  }
4273
+ }
4260
4274
 
4275
+ &:not(.sf-grid).e-resize-lines.e-rtl {
4261
4276
  &.e-default table th[rowspan] {
4262
4277
  border-right: 0;
4263
4278
  }
@@ -4438,6 +4453,73 @@
4438
4453
  .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
4439
4454
  text-align: left;
4440
4455
  }
4456
+
4457
+ &.e-default table th:not([rowspan = '1']) {
4458
+ border-width: $grid-headercell-both-border-width;
4459
+ }
4460
+
4461
+ .e-gridheader table th:not([rowspan = '1']),
4462
+ .e-device .e-gridheader table th:not([rowspan = '1']) {
4463
+ padding-bottom: $grid-stackedheadercell-botttom-padding;
4464
+ vertical-align: bottom;
4465
+ }
4466
+
4467
+ &.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
4468
+ border-right-width: 2px;
4469
+ }
4470
+
4471
+ &.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
4472
+ border-left-width: 2px;
4473
+ }
4474
+
4475
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
4476
+ border-left-width: 1px;
4477
+ }
4478
+
4479
+ &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
4480
+ border-right-width: 1px;
4481
+ }
4482
+
4483
+ &.e-rtl.e-default table th:not([rowspan = '1']) {
4484
+ border-width: $grid-rtl-headercell-both-border-width;
4485
+ }
4486
+
4487
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
4488
+ border-left-width: 2px;
4489
+ }
4490
+
4491
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
4492
+ border-right-width: 2px;
4493
+ }
4494
+
4495
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
4496
+ border-right-width: 1px;
4497
+ }
4498
+
4499
+ &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
4500
+ border-left-width: 1px;
4501
+ }
4502
+
4503
+ &.e-resize-lines,
4504
+ &.e-resize-lines.e-rtl {
4505
+ &.e-default table th:not([rowspan = '1']):not(.e-freezerightborder, .e-freezeleftborder) {
4506
+ border-left: 0;
4507
+ }
4508
+ }
4509
+
4510
+ &.e-resize-lines.e-rtl {
4511
+ &.e-default table th:not([rowspan = '1']) {
4512
+ border-right: 0;
4513
+ }
4514
+ }
4515
+
4516
+ .e-bigger #{&}.e-grid.sf-grid,
4517
+ #{&}.e-grid.sf-grid.e-bigger {
4518
+ .e-gridheader table th:not([rowspan = '1']),
4519
+ &.e-device .e-gridheader table th:not([rowspan = '1']) {
4520
+ padding-bottom: $grid-device-gridheader-row-span-padding;
4521
+ }
4522
+ }
4441
4523
  }
4442
4524
  }
4443
4525
  }
@@ -529,6 +529,10 @@
529
529
  cursor: move;
530
530
  }
531
531
 
532
+ & .e-notallowedcur .e-row:hover .e-rowdragdrop {
533
+ cursor: not-allowed;
534
+ }
535
+
532
536
  .e-sortnumber {
533
537
  @if $grid-skin == 'material3' {
534
538
  background: $grid-sortnumber-bg-color;
@@ -871,11 +871,6 @@
871
871
  margin-right: 0;
872
872
  width: auto;
873
873
  }
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
874
  .e-bigger .e-grid .e-groupsort,
880
875
  .e-bigger .e-grid span.e-ungroupbutton,
881
876
  .e-bigger .e-grid .e-toggleungroup,
@@ -1035,6 +1030,12 @@
1035
1030
  -ms-user-select: none;
1036
1031
  user-select: none;
1037
1032
  }
1033
+ .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],
1034
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1035
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1036
+ padding-bottom: 20px;
1037
+ }
1038
+
1038
1039
  .e-grid {
1039
1040
  border-radius: 4px;
1040
1041
  border-style: none solid solid;
@@ -1487,6 +1488,10 @@
1487
1488
  .e-grid .e-headercelldiv.e-headerchkcelldiv {
1488
1489
  overflow: visible;
1489
1490
  }
1491
+ .e-grid .e-headercell.e-templatecell .e-headercelldiv {
1492
+ height: auto;
1493
+ min-height: 29px;
1494
+ }
1490
1495
  .e-grid .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
1491
1496
  padding: 0 0.6em;
1492
1497
  }
@@ -1714,7 +1719,7 @@
1714
1719
  .e-grid.e-bothlines .e-rowcell {
1715
1720
  border-width: 1px 0 0 1px;
1716
1721
  }
1717
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1722
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1718
1723
  padding-bottom: 13px;
1719
1724
  vertical-align: bottom;
1720
1725
  }
@@ -1763,19 +1768,19 @@
1763
1768
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1764
1769
  border-width: 0 0 0 1px;
1765
1770
  }
1766
- .e-grid.e-default table th[rowspan] {
1771
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1767
1772
  border-width: 0 0 0 1px;
1768
1773
  }
1769
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1774
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1770
1775
  border-right-width: 2px;
1771
1776
  }
1772
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1777
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1773
1778
  border-left-width: 2px;
1774
1779
  }
1775
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1780
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1776
1781
  border-left-width: 1px;
1777
1782
  }
1778
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1783
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1779
1784
  border-right-width: 1px;
1780
1785
  }
1781
1786
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3129,21 +3134,6 @@
3129
3134
  left: 4px;
3130
3135
  position: relative;
3131
3136
  }
3132
- .e-grid.e-rtl.e-default table th[rowspan] {
3133
- border-width: 0 1px 0 0;
3134
- }
3135
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3136
- border-left-width: 2px;
3137
- }
3138
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3139
- border-right-width: 2px;
3140
- }
3141
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3142
- border-right-width: 1px;
3143
- }
3144
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3145
- border-left-width: 1px;
3146
- }
3147
3137
  .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 {
3148
3138
  border-left: 1px solid;
3149
3139
  border-right: 0;
@@ -3215,6 +3205,21 @@
3215
3205
  margin: -20px 0 -20px -36px;
3216
3206
  padding: 6px;
3217
3207
  }
3208
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3209
+ border-width: 0 1px 0 0;
3210
+ }
3211
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3212
+ border-left-width: 2px;
3213
+ }
3214
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3215
+ border-right-width: 2px;
3216
+ }
3217
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3218
+ border-right-width: 1px;
3219
+ }
3220
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3221
+ border-left-width: 1px;
3222
+ }
3218
3223
  .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 {
3219
3224
  height: Auto;
3220
3225
  line-height: 18px;
@@ -3290,13 +3295,13 @@
3290
3295
  .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) {
3291
3296
  border-right: 0;
3292
3297
  }
3293
- .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) {
3298
+ .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) {
3294
3299
  border-left: 0;
3295
3300
  }
3296
3301
  .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 {
3297
3302
  border-left: 0;
3298
3303
  }
3299
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3304
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3300
3305
  border-right: 0;
3301
3306
  }
3302
3307
  .e-grid .e-mask {
@@ -3441,6 +3446,52 @@
3441
3446
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3442
3447
  text-align: left;
3443
3448
  }
3449
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3450
+ border-width: 0 0 0 1px;
3451
+ }
3452
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3453
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3454
+ padding-bottom: 13px;
3455
+ vertical-align: bottom;
3456
+ }
3457
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3458
+ border-right-width: 2px;
3459
+ }
3460
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3461
+ border-left-width: 2px;
3462
+ }
3463
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3464
+ border-left-width: 1px;
3465
+ }
3466
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3467
+ border-right-width: 1px;
3468
+ }
3469
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3470
+ border-width: 0 1px 0 0;
3471
+ }
3472
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3473
+ border-left-width: 2px;
3474
+ }
3475
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3476
+ border-right-width: 2px;
3477
+ }
3478
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3479
+ border-right-width: 1px;
3480
+ }
3481
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3482
+ border-left-width: 1px;
3483
+ }
3484
+ .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) {
3485
+ border-left: 0;
3486
+ }
3487
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3488
+ border-right: 0;
3489
+ }
3490
+ .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"]),
3491
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3492
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3493
+ padding-bottom: 20px;
3494
+ }
3444
3495
 
3445
3496
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3446
3497
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
@@ -4337,6 +4388,9 @@
4337
4388
  .e-grid .e-row:hover .e-rowdragdrop {
4338
4389
  cursor: move;
4339
4390
  }
4391
+ .e-grid .e-notallowedcur .e-row:hover .e-rowdragdrop {
4392
+ cursor: not-allowed;
4393
+ }
4340
4394
  .e-grid .e-sortnumber {
4341
4395
  background-color: #f0f0f0;
4342
4396
  color: #1a1a1a;
@@ -872,11 +872,6 @@
872
872
  margin-right: 0;
873
873
  width: auto;
874
874
  }
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
875
  .e-bigger .e-grid .e-groupsort,
881
876
  .e-bigger .e-grid span.e-ungroupbutton,
882
877
  .e-bigger .e-grid .e-toggleungroup,
@@ -1036,6 +1031,12 @@
1036
1031
  -ms-user-select: none;
1037
1032
  user-select: none;
1038
1033
  }
1034
+ .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],
1035
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1036
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1037
+ padding-bottom: 20px;
1038
+ }
1039
+
1039
1040
  .e-grid {
1040
1041
  border-radius: 4px;
1041
1042
  border-style: none solid solid;
@@ -1488,6 +1489,10 @@
1488
1489
  .e-grid .e-headercelldiv.e-headerchkcelldiv {
1489
1490
  overflow: visible;
1490
1491
  }
1492
+ .e-grid .e-headercell.e-templatecell .e-headercelldiv {
1493
+ height: auto;
1494
+ min-height: 29px;
1495
+ }
1491
1496
  .e-grid .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
1492
1497
  padding: 0 0.6em;
1493
1498
  }
@@ -1715,7 +1720,7 @@
1715
1720
  .e-grid.e-bothlines .e-rowcell {
1716
1721
  border-width: 1px 0 0 1px;
1717
1722
  }
1718
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1723
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1719
1724
  padding-bottom: 13px;
1720
1725
  vertical-align: bottom;
1721
1726
  }
@@ -1764,19 +1769,19 @@
1764
1769
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1765
1770
  border-width: 0 0 0 1px;
1766
1771
  }
1767
- .e-grid.e-default table th[rowspan] {
1772
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1768
1773
  border-width: 0 0 0 1px;
1769
1774
  }
1770
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1775
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1771
1776
  border-right-width: 2px;
1772
1777
  }
1773
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1778
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1774
1779
  border-left-width: 2px;
1775
1780
  }
1776
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1781
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1777
1782
  border-left-width: 1px;
1778
1783
  }
1779
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1784
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1780
1785
  border-right-width: 1px;
1781
1786
  }
1782
1787
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3130,21 +3135,6 @@
3130
3135
  left: 4px;
3131
3136
  position: relative;
3132
3137
  }
3133
- .e-grid.e-rtl.e-default table th[rowspan] {
3134
- border-width: 0 1px 0 0;
3135
- }
3136
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3137
- border-left-width: 2px;
3138
- }
3139
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3140
- border-right-width: 2px;
3141
- }
3142
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3143
- border-right-width: 1px;
3144
- }
3145
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3146
- border-left-width: 1px;
3147
- }
3148
3138
  .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 {
3149
3139
  border-left: 1px solid;
3150
3140
  border-right: 0;
@@ -3216,6 +3206,21 @@
3216
3206
  margin: -20px 0 -20px -30px;
3217
3207
  padding: 6px;
3218
3208
  }
3209
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3210
+ border-width: 0 1px 0 0;
3211
+ }
3212
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3213
+ border-left-width: 2px;
3214
+ }
3215
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3216
+ border-right-width: 2px;
3217
+ }
3218
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3219
+ border-right-width: 1px;
3220
+ }
3221
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3222
+ border-left-width: 1px;
3223
+ }
3219
3224
  .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 {
3220
3225
  height: Auto;
3221
3226
  line-height: 18px;
@@ -3291,13 +3296,13 @@
3291
3296
  .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) {
3292
3297
  border-right: 0;
3293
3298
  }
3294
- .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) {
3299
+ .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) {
3295
3300
  border-left: 0;
3296
3301
  }
3297
3302
  .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 {
3298
3303
  border-left: 0;
3299
3304
  }
3300
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3305
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3301
3306
  border-right: 0;
3302
3307
  }
3303
3308
  .e-grid .e-mask {
@@ -3442,6 +3447,52 @@
3442
3447
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3443
3448
  text-align: left;
3444
3449
  }
3450
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3451
+ border-width: 0 0 0 1px;
3452
+ }
3453
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3454
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3455
+ padding-bottom: 13px;
3456
+ vertical-align: bottom;
3457
+ }
3458
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3459
+ border-right-width: 2px;
3460
+ }
3461
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3462
+ border-left-width: 2px;
3463
+ }
3464
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3465
+ border-left-width: 1px;
3466
+ }
3467
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3468
+ border-right-width: 1px;
3469
+ }
3470
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3471
+ border-width: 0 1px 0 0;
3472
+ }
3473
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3474
+ border-left-width: 2px;
3475
+ }
3476
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3477
+ border-right-width: 2px;
3478
+ }
3479
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3480
+ border-right-width: 1px;
3481
+ }
3482
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3483
+ border-left-width: 1px;
3484
+ }
3485
+ .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) {
3486
+ border-left: 0;
3487
+ }
3488
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3489
+ border-right: 0;
3490
+ }
3491
+ .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"]),
3492
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3493
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3494
+ padding-bottom: 20px;
3495
+ }
3445
3496
 
3446
3497
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3447
3498
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
@@ -4338,6 +4389,9 @@
4338
4389
  .e-grid .e-row:hover .e-rowdragdrop {
4339
4390
  cursor: move;
4340
4391
  }
4392
+ .e-grid .e-notallowedcur .e-row:hover .e-rowdragdrop {
4393
+ cursor: not-allowed;
4394
+ }
4341
4395
  .e-grid .e-sortnumber {
4342
4396
  background-color: #bbbdc0;
4343
4397
  color: #333;