@syncfusion/ej2-react-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-react-grids.min.js +1 -1
  3. package/dist/ej2-react-grids.umd.min.js +1 -1
  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
@@ -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;
@@ -958,6 +969,10 @@ li.e-separator.e-menu-item.e-excel-separator {
958
969
  font-size: 16px;
959
970
  padding: 12px 12px;
960
971
  }
972
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
973
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
974
+ border-bottom-width: 1px;
975
+ }
961
976
  .e-bigger .e-grid .e-rowcell:first-child,
962
977
  .e-bigger .e-grid .e-summarycell:first-child,
963
978
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1346,11 +1361,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1346
1361
  margin-right: 0;
1347
1362
  width: auto;
1348
1363
  }
1349
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1350
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1351
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1352
- padding-bottom: 20px;
1353
- }
1354
1364
  .e-bigger .e-grid .e-groupsort,
1355
1365
  .e-bigger .e-grid span.e-ungroupbutton,
1356
1366
  .e-bigger .e-grid .e-toggleungroup,
@@ -1516,6 +1526,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1516
1526
  -ms-user-select: none;
1517
1527
  user-select: none;
1518
1528
  }
1529
+ .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],
1530
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1531
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1532
+ padding-bottom: 20px;
1533
+ }
1534
+
1519
1535
  .e-grid {
1520
1536
  border-radius: 4px;
1521
1537
  border-style: none solid solid;
@@ -2144,6 +2160,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2144
2160
  white-space: normal;
2145
2161
  word-wrap: break-word;
2146
2162
  }
2163
+ .e-grid .e-summarycell.e-lastrowcell {
2164
+ border-bottom-width: 1px;
2165
+ }
2147
2166
  .e-grid .e-summarycontent {
2148
2167
  display: -ms-flexbox;
2149
2168
  display: flex;
@@ -2202,7 +2221,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2202
2221
  .e-grid.e-bothlines .e-rowcell {
2203
2222
  border-width: 1px 0 0 1px;
2204
2223
  }
2205
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
2224
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2206
2225
  padding-bottom: 13px;
2207
2226
  vertical-align: bottom;
2208
2227
  }
@@ -2251,19 +2270,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2251
2270
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2252
2271
  border-width: 0 0 0 1px;
2253
2272
  }
2254
- .e-grid.e-default table th[rowspan] {
2273
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2255
2274
  border-width: 0 0 0 1px;
2256
2275
  }
2257
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2276
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2258
2277
  border-right-width: 2px;
2259
2278
  }
2260
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2279
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2261
2280
  border-left-width: 2px;
2262
2281
  }
2263
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2282
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2264
2283
  border-left-width: 1px;
2265
2284
  }
2266
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2285
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2267
2286
  border-right-width: 1px;
2268
2287
  }
2269
2288
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3620,21 +3639,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3620
3639
  left: 4px;
3621
3640
  position: relative;
3622
3641
  }
3623
- .e-grid.e-rtl.e-default table th[rowspan] {
3624
- border-width: 0 1px 0 0;
3625
- }
3626
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3627
- border-left-width: 2px;
3628
- }
3629
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3630
- border-right-width: 2px;
3631
- }
3632
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3633
- border-right-width: 1px;
3634
- }
3635
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3636
- border-left-width: 1px;
3637
- }
3638
3642
  .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 {
3639
3643
  border-left: 1px solid;
3640
3644
  border-right: 0;
@@ -3706,6 +3710,21 @@ li.e-separator.e-menu-item.e-excel-separator {
3706
3710
  margin: -19px 0 -20px -36px;
3707
3711
  padding: 6px;
3708
3712
  }
3713
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3714
+ border-width: 0 1px 0 0;
3715
+ }
3716
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3717
+ border-left-width: 2px;
3718
+ }
3719
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3720
+ border-right-width: 2px;
3721
+ }
3722
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3723
+ border-right-width: 1px;
3724
+ }
3725
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3726
+ border-left-width: 1px;
3727
+ }
3709
3728
  .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 {
3710
3729
  height: Auto;
3711
3730
  line-height: 21px;
@@ -3781,13 +3800,13 @@ li.e-separator.e-menu-item.e-excel-separator {
3781
3800
  .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) {
3782
3801
  border-right: 0;
3783
3802
  }
3784
- .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) {
3803
+ .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) {
3785
3804
  border-left: 0;
3786
3805
  }
3787
3806
  .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 {
3788
3807
  border-left: 0;
3789
3808
  }
3790
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3809
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3791
3810
  border-right: 0;
3792
3811
  }
3793
3812
  .e-grid .e-mask {
@@ -3932,6 +3951,52 @@ li.e-separator.e-menu-item.e-excel-separator {
3932
3951
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3933
3952
  text-align: left;
3934
3953
  }
3954
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3955
+ border-width: 0 0 0 1px;
3956
+ }
3957
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3958
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3959
+ padding-bottom: 13px;
3960
+ vertical-align: bottom;
3961
+ }
3962
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3963
+ border-right-width: 2px;
3964
+ }
3965
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3966
+ border-left-width: 2px;
3967
+ }
3968
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3969
+ border-left-width: 1px;
3970
+ }
3971
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3972
+ border-right-width: 1px;
3973
+ }
3974
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3975
+ border-width: 0 1px 0 0;
3976
+ }
3977
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3978
+ border-left-width: 2px;
3979
+ }
3980
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3981
+ border-right-width: 2px;
3982
+ }
3983
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3984
+ border-right-width: 1px;
3985
+ }
3986
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3987
+ border-left-width: 1px;
3988
+ }
3989
+ .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) {
3990
+ border-left: 0;
3991
+ }
3992
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3993
+ border-right: 0;
3994
+ }
3995
+ .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"]),
3996
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3997
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3998
+ padding-bottom: 20px;
3999
+ }
3935
4000
 
3936
4001
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3937
4002
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
@@ -964,6 +964,10 @@ li.e-separator.e-menu-item.e-excel-separator {
964
964
  font-size: 16px;
965
965
  padding: 8px 12px;
966
966
  }
967
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
968
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
969
+ border-bottom-width: 1px;
970
+ }
967
971
  .e-bigger .e-grid .e-rowcell:first-child,
968
972
  .e-bigger .e-grid .e-summarycell:first-child,
969
973
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1357,11 +1361,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1357
1361
  margin-right: 0;
1358
1362
  width: auto;
1359
1363
  }
1360
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1361
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1362
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1363
- padding-bottom: 20px;
1364
- }
1365
1364
  .e-bigger .e-grid .e-groupsort,
1366
1365
  .e-bigger .e-grid span.e-ungroupbutton,
1367
1366
  .e-bigger .e-grid .e-toggleungroup,
@@ -1521,6 +1520,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1521
1520
  -ms-user-select: none;
1522
1521
  user-select: none;
1523
1522
  }
1523
+ .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],
1524
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1525
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1526
+ padding-bottom: 20px;
1527
+ }
1528
+
1524
1529
  .e-grid {
1525
1530
  border-radius: 1px;
1526
1531
  border-style: none solid solid;
@@ -2149,6 +2154,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2149
2154
  white-space: normal;
2150
2155
  word-wrap: break-word;
2151
2156
  }
2157
+ .e-grid .e-summarycell.e-lastrowcell {
2158
+ border-bottom-width: 1px;
2159
+ }
2152
2160
  .e-grid .e-summarycontent {
2153
2161
  display: -ms-flexbox;
2154
2162
  display: flex;
@@ -2207,7 +2215,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2207
2215
  .e-grid.e-bothlines .e-rowcell {
2208
2216
  border-width: 1px 0 0 1px;
2209
2217
  }
2210
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
2218
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2211
2219
  padding-bottom: 13px;
2212
2220
  vertical-align: bottom;
2213
2221
  }
@@ -2256,19 +2264,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2256
2264
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2257
2265
  border-width: 0 0 0 1px;
2258
2266
  }
2259
- .e-grid.e-default table th[rowspan] {
2267
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2260
2268
  border-width: 0 0 0 1px;
2261
2269
  }
2262
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2270
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2263
2271
  border-right-width: 2px;
2264
2272
  }
2265
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2273
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2266
2274
  border-left-width: 2px;
2267
2275
  }
2268
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2276
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2269
2277
  border-left-width: 1px;
2270
2278
  }
2271
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2279
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2272
2280
  border-right-width: 1px;
2273
2281
  }
2274
2282
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3622,21 +3630,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3622
3630
  left: 4px;
3623
3631
  position: relative;
3624
3632
  }
3625
- .e-grid.e-rtl.e-default table th[rowspan] {
3626
- border-width: 0 1px 0 0;
3627
- }
3628
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3629
- border-left-width: 2px;
3630
- }
3631
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3632
- border-right-width: 2px;
3633
- }
3634
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3635
- border-right-width: 1px;
3636
- }
3637
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3638
- border-left-width: 1px;
3639
- }
3640
3633
  .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 {
3641
3634
  border-left: 1px solid;
3642
3635
  border-right: 0;
@@ -3708,6 +3701,21 @@ li.e-separator.e-menu-item.e-excel-separator {
3708
3701
  margin: -12px 8px -12px -2px;
3709
3702
  padding: 2px;
3710
3703
  }
3704
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3705
+ border-width: 0 1px 0 0;
3706
+ }
3707
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3708
+ border-left-width: 2px;
3709
+ }
3710
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3711
+ border-right-width: 2px;
3712
+ }
3713
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3714
+ border-right-width: 1px;
3715
+ }
3716
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3717
+ border-left-width: 1px;
3718
+ }
3711
3719
  .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 {
3712
3720
  height: Auto;
3713
3721
  line-height: 21px;
@@ -3783,13 +3791,13 @@ li.e-separator.e-menu-item.e-excel-separator {
3783
3791
  .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) {
3784
3792
  border-right: 0;
3785
3793
  }
3786
- .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) {
3794
+ .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) {
3787
3795
  border-left: 0;
3788
3796
  }
3789
3797
  .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 {
3790
3798
  border-left: 0;
3791
3799
  }
3792
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3800
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3793
3801
  border-right: 0;
3794
3802
  }
3795
3803
  .e-grid .e-mask {
@@ -3934,6 +3942,52 @@ li.e-separator.e-menu-item.e-excel-separator {
3934
3942
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3935
3943
  text-align: left;
3936
3944
  }
3945
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3946
+ border-width: 0 0 0 1px;
3947
+ }
3948
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3949
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3950
+ padding-bottom: 13px;
3951
+ vertical-align: bottom;
3952
+ }
3953
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3954
+ border-right-width: 2px;
3955
+ }
3956
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3957
+ border-left-width: 2px;
3958
+ }
3959
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3960
+ border-left-width: 1px;
3961
+ }
3962
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3963
+ border-right-width: 1px;
3964
+ }
3965
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3966
+ border-width: 0 1px 0 0;
3967
+ }
3968
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3969
+ border-left-width: 2px;
3970
+ }
3971
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3972
+ border-right-width: 2px;
3973
+ }
3974
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3975
+ border-right-width: 1px;
3976
+ }
3977
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3978
+ border-left-width: 1px;
3979
+ }
3980
+ .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) {
3981
+ border-left: 0;
3982
+ }
3983
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3984
+ border-right: 0;
3985
+ }
3986
+ .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"]),
3987
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3988
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3989
+ padding-bottom: 20px;
3990
+ }
3937
3991
 
3938
3992
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3939
3993
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
@@ -964,6 +964,10 @@ li.e-separator.e-menu-item.e-excel-separator {
964
964
  font-size: 16px;
965
965
  padding: 8px 12px;
966
966
  }
967
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
968
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
969
+ border-bottom-width: 1px;
970
+ }
967
971
  .e-bigger .e-grid .e-rowcell:first-child,
968
972
  .e-bigger .e-grid .e-summarycell:first-child,
969
973
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1357,11 +1361,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1357
1361
  margin-right: 0;
1358
1362
  width: auto;
1359
1363
  }
1360
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1361
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1362
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1363
- padding-bottom: 20px;
1364
- }
1365
1364
  .e-bigger .e-grid .e-groupsort,
1366
1365
  .e-bigger .e-grid span.e-ungroupbutton,
1367
1366
  .e-bigger .e-grid .e-toggleungroup,
@@ -1521,6 +1520,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1521
1520
  -ms-user-select: none;
1522
1521
  user-select: none;
1523
1522
  }
1523
+ .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],
1524
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1525
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1526
+ padding-bottom: 20px;
1527
+ }
1528
+
1524
1529
  .e-grid {
1525
1530
  border-radius: 1px;
1526
1531
  border-style: none solid solid;
@@ -2149,6 +2154,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2149
2154
  white-space: normal;
2150
2155
  word-wrap: break-word;
2151
2156
  }
2157
+ .e-grid .e-summarycell.e-lastrowcell {
2158
+ border-bottom-width: 1px;
2159
+ }
2152
2160
  .e-grid .e-summarycontent {
2153
2161
  display: -ms-flexbox;
2154
2162
  display: flex;
@@ -2207,7 +2215,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2207
2215
  .e-grid.e-bothlines .e-rowcell {
2208
2216
  border-width: 1px 0 0 1px;
2209
2217
  }
2210
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
2218
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2211
2219
  padding-bottom: 13px;
2212
2220
  vertical-align: bottom;
2213
2221
  }
@@ -2256,19 +2264,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2256
2264
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2257
2265
  border-width: 0 0 0 1px;
2258
2266
  }
2259
- .e-grid.e-default table th[rowspan] {
2267
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2260
2268
  border-width: 0 0 0 1px;
2261
2269
  }
2262
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2270
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2263
2271
  border-right-width: 2px;
2264
2272
  }
2265
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2273
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2266
2274
  border-left-width: 2px;
2267
2275
  }
2268
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2276
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2269
2277
  border-left-width: 1px;
2270
2278
  }
2271
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2279
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2272
2280
  border-right-width: 1px;
2273
2281
  }
2274
2282
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3622,21 +3630,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3622
3630
  left: 4px;
3623
3631
  position: relative;
3624
3632
  }
3625
- .e-grid.e-rtl.e-default table th[rowspan] {
3626
- border-width: 0 1px 0 0;
3627
- }
3628
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3629
- border-left-width: 2px;
3630
- }
3631
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3632
- border-right-width: 2px;
3633
- }
3634
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3635
- border-right-width: 1px;
3636
- }
3637
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3638
- border-left-width: 1px;
3639
- }
3640
3633
  .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 {
3641
3634
  border-left: 1px solid;
3642
3635
  border-right: 0;
@@ -3708,6 +3701,21 @@ li.e-separator.e-menu-item.e-excel-separator {
3708
3701
  margin: -12px 8px -12px -2px;
3709
3702
  padding: 2px;
3710
3703
  }
3704
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3705
+ border-width: 0 1px 0 0;
3706
+ }
3707
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3708
+ border-left-width: 2px;
3709
+ }
3710
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3711
+ border-right-width: 2px;
3712
+ }
3713
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3714
+ border-right-width: 1px;
3715
+ }
3716
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3717
+ border-left-width: 1px;
3718
+ }
3711
3719
  .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 {
3712
3720
  height: Auto;
3713
3721
  line-height: 21px;
@@ -3783,13 +3791,13 @@ li.e-separator.e-menu-item.e-excel-separator {
3783
3791
  .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) {
3784
3792
  border-right: 0;
3785
3793
  }
3786
- .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) {
3794
+ .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) {
3787
3795
  border-left: 0;
3788
3796
  }
3789
3797
  .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 {
3790
3798
  border-left: 0;
3791
3799
  }
3792
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3800
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3793
3801
  border-right: 0;
3794
3802
  }
3795
3803
  .e-grid .e-mask {
@@ -3934,6 +3942,52 @@ li.e-separator.e-menu-item.e-excel-separator {
3934
3942
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3935
3943
  text-align: left;
3936
3944
  }
3945
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3946
+ border-width: 0 0 0 1px;
3947
+ }
3948
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3949
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3950
+ padding-bottom: 13px;
3951
+ vertical-align: bottom;
3952
+ }
3953
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3954
+ border-right-width: 2px;
3955
+ }
3956
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3957
+ border-left-width: 2px;
3958
+ }
3959
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3960
+ border-left-width: 1px;
3961
+ }
3962
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3963
+ border-right-width: 1px;
3964
+ }
3965
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3966
+ border-width: 0 1px 0 0;
3967
+ }
3968
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3969
+ border-left-width: 2px;
3970
+ }
3971
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3972
+ border-right-width: 2px;
3973
+ }
3974
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3975
+ border-right-width: 1px;
3976
+ }
3977
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3978
+ border-left-width: 1px;
3979
+ }
3980
+ .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) {
3981
+ border-left: 0;
3982
+ }
3983
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3984
+ border-right: 0;
3985
+ }
3986
+ .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"]),
3987
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3988
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3989
+ padding-bottom: 20px;
3990
+ }
3937
3991
 
3938
3992
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3939
3993
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
@@ -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;