@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
package/styles/grid/material3.css CHANGED
@@ -663,6 +663,10 @@
663
663
  font-size: 14px;
664
664
  padding: 14px 12px;
665
665
  }
666
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
667
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
668
+ border-bottom-width: 1px;
669
+ }
666
670
  .e-bigger .e-grid .e-rowcell .e-checkbox-wrapper,
667
671
  .e-bigger .e-grid .e-rowcell .e-css.e-checkbox-wrapper,
668
672
  .e-grid.e-bigger .e-rowcell .e-checkbox-wrapper,
@@ -1090,11 +1094,6 @@
1090
1094
  margin-right: 0;
1091
1095
  width: auto;
1092
1096
  }
1093
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
1094
- .e-grid.e-bigger .e-gridheader table th[rowspan],
1095
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
1096
- padding-bottom: 13px;
1097
- }
1098
1097
  .e-bigger .e-grid .e-groupsort,
1099
1098
  .e-bigger .e-grid span.e-ungroupbutton,
1100
1099
  .e-bigger .e-grid .e-toggleungroup,
@@ -1306,6 +1305,12 @@
1306
1305
  margin-left: -3px;
1307
1306
  }
1308
1307
 
1308
+ .e-bigger .e-grid:not(.sf-grid) .e-gridheader table th[rowspan], .e-bigger .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan],
1309
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1310
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1311
+ padding-bottom: 13px;
1312
+ }
1313
+
1309
1314
  .e-grid {
1310
1315
  border-radius: 1px;
1311
1316
  border-style: none solid solid;
@@ -1946,6 +1951,9 @@
1946
1951
  white-space: normal;
1947
1952
  word-wrap: break-word;
1948
1953
  }
1954
+ .e-grid .e-summarycell.e-lastrowcell {
1955
+ border-bottom-width: 1px;
1956
+ }
1949
1957
  .e-grid .e-summarycontent {
1950
1958
  display: -ms-flexbox;
1951
1959
  display: flex;
@@ -2004,7 +2012,7 @@
2004
2012
  .e-grid.e-bothlines .e-rowcell {
2005
2013
  border-width: 1px 0 0 1px;
2006
2014
  }
2007
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
2015
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
2008
2016
  padding-bottom: 13px;
2009
2017
  vertical-align: bottom;
2010
2018
  }
@@ -2053,19 +2061,19 @@
2053
2061
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
2054
2062
  border-width: 0 0 0 1px;
2055
2063
  }
2056
- .e-grid.e-default table th[rowspan] {
2064
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
2057
2065
  border-width: 0 0 0 1px;
2058
2066
  }
2059
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2067
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
2060
2068
  border-right-width: 2px;
2061
2069
  }
2062
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2070
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
2063
2071
  border-left-width: 2px;
2064
2072
  }
2065
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2073
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
2066
2074
  border-left-width: 1px;
2067
2075
  }
2068
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2076
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
2069
2077
  border-right-width: 1px;
2070
2078
  }
2071
2079
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3465,21 +3473,6 @@
3465
3473
  left: 4px;
3466
3474
  position: relative;
3467
3475
  }
3468
- .e-grid.e-rtl.e-default table th[rowspan] {
3469
- border-width: 0 1px 0 0;
3470
- }
3471
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3472
- border-left-width: 2px;
3473
- }
3474
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3475
- border-right-width: 2px;
3476
- }
3477
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3478
- border-right-width: 1px;
3479
- }
3480
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3481
- border-left-width: 1px;
3482
- }
3483
3476
  .e-grid.e-rtl.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader, .e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
3484
3477
  border-left: 1px solid;
3485
3478
  border-right: 0;
@@ -3550,6 +3543,21 @@
3550
3543
  margin: -15px 8px -12px -2px;
3551
3544
  padding: 2px;
3552
3545
  }
3546
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3547
+ border-width: 0 1px 0 0;
3548
+ }
3549
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3550
+ border-left-width: 2px;
3551
+ }
3552
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3553
+ border-right-width: 2px;
3554
+ }
3555
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3556
+ border-right-width: 1px;
3557
+ }
3558
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3559
+ border-left-width: 1px;
3560
+ }
3553
3561
  .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
3554
3562
  height: Auto;
3555
3563
  line-height: 21px;
@@ -3625,13 +3633,13 @@
3625
3633
  .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
3626
3634
  border-right: 0;
3627
3635
  }
3628
- .e-grid.e-resize-lines.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
3636
+ .e-grid:not(.sf-grid).e-resize-lines.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder), .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
3629
3637
  border-left: 0;
3630
3638
  }
3631
3639
  .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
3632
3640
  border-left: 0;
3633
3641
  }
3634
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3642
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3635
3643
  border-right: 0;
3636
3644
  }
3637
3645
  .e-grid .e-mask {
@@ -3777,6 +3785,52 @@
3777
3785
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3778
3786
  text-align: left;
3779
3787
  }
3788
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3789
+ border-width: 0 0 0 1px;
3790
+ }
3791
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3792
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3793
+ padding-bottom: 13px;
3794
+ vertical-align: bottom;
3795
+ }
3796
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3797
+ border-right-width: 2px;
3798
+ }
3799
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3800
+ border-left-width: 2px;
3801
+ }
3802
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3803
+ border-left-width: 1px;
3804
+ }
3805
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3806
+ border-right-width: 1px;
3807
+ }
3808
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3809
+ border-width: 0 1px 0 0;
3810
+ }
3811
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3812
+ border-left-width: 2px;
3813
+ }
3814
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3815
+ border-right-width: 2px;
3816
+ }
3817
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3818
+ border-right-width: 1px;
3819
+ }
3820
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3821
+ border-left-width: 1px;
3822
+ }
3823
+ .e-grid.sf-grid.e-resize-lines.e-default table th:not([rowspan="1"]):not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]):not(.e-freezerightborder, .e-freezeleftborder) {
3824
+ border-left: 0;
3825
+ }
3826
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3827
+ border-right: 0;
3828
+ }
3829
+ .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
3830
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3831
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3832
+ padding-bottom: 13px;
3833
+ }
3780
3834
 
3781
3835
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3782
3836
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/tailwind-dark.css CHANGED
@@ -483,6 +483,10 @@
483
483
  font-size: 16px;
484
484
  padding: 10px 12px;
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,
@@ -916,11 +920,6 @@
916
920
  margin-right: 8px;
917
921
  width: auto;
918
922
  }
919
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
920
- .e-grid.e-bigger .e-gridheader table th[rowspan],
921
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
922
- padding-bottom: 20px;
923
- }
924
923
  .e-bigger .e-grid .e-groupsort,
925
924
  .e-bigger .e-grid span.e-ungroupbutton,
926
925
  .e-bigger .e-grid .e-toggleungroup,
@@ -1084,6 +1083,12 @@
1084
1083
  -ms-user-select: none;
1085
1084
  user-select: none;
1086
1085
  }
1086
+ .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],
1087
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1088
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1089
+ padding-bottom: 20px;
1090
+ }
1091
+
1087
1092
  .e-grid {
1088
1093
  border-radius: 4px;
1089
1094
  border-style: none solid solid;
@@ -1714,6 +1719,9 @@
1714
1719
  white-space: normal;
1715
1720
  word-wrap: break-word;
1716
1721
  }
1722
+ .e-grid .e-summarycell.e-lastrowcell {
1723
+ border-bottom-width: 1px;
1724
+ }
1717
1725
  .e-grid .e-summarycontent {
1718
1726
  display: -ms-flexbox;
1719
1727
  display: flex;
@@ -1772,7 +1780,7 @@
1772
1780
  .e-grid.e-bothlines .e-rowcell {
1773
1781
  border-width: 1px 0 0 1px;
1774
1782
  }
1775
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1783
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1776
1784
  padding-bottom: 13px;
1777
1785
  vertical-align: bottom;
1778
1786
  }
@@ -1821,19 +1829,19 @@
1821
1829
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1822
1830
  border-width: 0 0 0 1px;
1823
1831
  }
1824
- .e-grid.e-default table th[rowspan] {
1832
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1825
1833
  border-width: 0 0 0 1px;
1826
1834
  }
1827
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1835
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1828
1836
  border-right-width: 2px;
1829
1837
  }
1830
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1838
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1831
1839
  border-left-width: 2px;
1832
1840
  }
1833
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1841
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1834
1842
  border-left-width: 1px;
1835
1843
  }
1836
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1844
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1837
1845
  border-right-width: 1px;
1838
1846
  }
1839
1847
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3215,21 +3223,6 @@
3215
3223
  left: 4px;
3216
3224
  position: relative;
3217
3225
  }
3218
- .e-grid.e-rtl.e-default table th[rowspan] {
3219
- border-width: 0 1px 0 0;
3220
- }
3221
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3222
- border-left-width: 2px;
3223
- }
3224
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3225
- border-right-width: 2px;
3226
- }
3227
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3228
- border-right-width: 1px;
3229
- }
3230
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3231
- border-left-width: 1px;
3232
- }
3233
3226
  .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 {
3234
3227
  border-left: 1px solid;
3235
3228
  border-right: 0;
@@ -3301,6 +3294,21 @@
3301
3294
  margin: -13px 4px -13px -3px;
3302
3295
  padding: 3px;
3303
3296
  }
3297
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3298
+ border-width: 0 1px 0 0;
3299
+ }
3300
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3301
+ border-left-width: 2px;
3302
+ }
3303
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3304
+ border-right-width: 2px;
3305
+ }
3306
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3307
+ border-right-width: 1px;
3308
+ }
3309
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3310
+ border-left-width: 1px;
3311
+ }
3304
3312
  .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 {
3305
3313
  height: Auto;
3306
3314
  line-height: 21px;
@@ -3376,13 +3384,13 @@
3376
3384
  .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) {
3377
3385
  border-right: 0;
3378
3386
  }
3379
- .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) {
3387
+ .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) {
3380
3388
  border-left: 0;
3381
3389
  }
3382
3390
  .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 {
3383
3391
  border-left: 0;
3384
3392
  }
3385
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3393
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3386
3394
  border-right: 0;
3387
3395
  }
3388
3396
  .e-grid .e-mask {
@@ -3527,6 +3535,52 @@
3527
3535
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3528
3536
  text-align: left;
3529
3537
  }
3538
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3539
+ border-width: 0 0 0 1px;
3540
+ }
3541
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3542
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3543
+ padding-bottom: 13px;
3544
+ vertical-align: bottom;
3545
+ }
3546
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3547
+ border-right-width: 2px;
3548
+ }
3549
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3550
+ border-left-width: 2px;
3551
+ }
3552
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3553
+ border-left-width: 1px;
3554
+ }
3555
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3556
+ border-right-width: 1px;
3557
+ }
3558
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3559
+ border-width: 0 1px 0 0;
3560
+ }
3561
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3562
+ border-left-width: 2px;
3563
+ }
3564
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3565
+ border-right-width: 2px;
3566
+ }
3567
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3568
+ border-right-width: 1px;
3569
+ }
3570
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3571
+ border-left-width: 1px;
3572
+ }
3573
+ .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) {
3574
+ border-left: 0;
3575
+ }
3576
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3577
+ border-right: 0;
3578
+ }
3579
+ .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"]),
3580
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3581
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3582
+ padding-bottom: 20px;
3583
+ }
3530
3584
 
3531
3585
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3532
3586
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
package/styles/grid/tailwind.css CHANGED
@@ -483,6 +483,10 @@
483
483
  font-size: 16px;
484
484
  padding: 10px 12px;
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,
@@ -916,11 +920,6 @@
916
920
  margin-right: 8px;
917
921
  width: auto;
918
922
  }
919
- .e-bigger .e-grid .e-gridheader table th[rowspan], .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
920
- .e-grid.e-bigger .e-gridheader table th[rowspan],
921
- .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
922
- padding-bottom: 20px;
923
- }
924
923
  .e-bigger .e-grid .e-groupsort,
925
924
  .e-bigger .e-grid span.e-ungroupbutton,
926
925
  .e-bigger .e-grid .e-toggleungroup,
@@ -1084,6 +1083,12 @@
1084
1083
  -ms-user-select: none;
1085
1084
  user-select: none;
1086
1085
  }
1086
+ .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],
1087
+ .e-grid:not(.sf-grid).e-bigger .e-gridheader table th[rowspan],
1088
+ .e-grid:not(.sf-grid).e-bigger.e-device .e-gridheader table th[rowspan] {
1089
+ padding-bottom: 20px;
1090
+ }
1091
+
1087
1092
  .e-grid {
1088
1093
  border-radius: 4px;
1089
1094
  border-style: none solid solid;
@@ -1714,6 +1719,9 @@
1714
1719
  white-space: normal;
1715
1720
  word-wrap: break-word;
1716
1721
  }
1722
+ .e-grid .e-summarycell.e-lastrowcell {
1723
+ border-bottom-width: 1px;
1724
+ }
1717
1725
  .e-grid .e-summarycontent {
1718
1726
  display: -ms-flexbox;
1719
1727
  display: flex;
@@ -1772,7 +1780,7 @@
1772
1780
  .e-grid.e-bothlines .e-rowcell {
1773
1781
  border-width: 1px 0 0 1px;
1774
1782
  }
1775
- .e-grid .e-gridheader table th[rowspan], .e-grid.e-device .e-gridheader table th[rowspan] {
1783
+ .e-grid:not(.sf-grid).e-gridheader table th[rowspan], .e-grid:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
1776
1784
  padding-bottom: 13px;
1777
1785
  vertical-align: bottom;
1778
1786
  }
@@ -1821,19 +1829,19 @@
1821
1829
  .e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
1822
1830
  border-width: 0 0 0 1px;
1823
1831
  }
1824
- .e-grid.e-default table th[rowspan] {
1832
+ .e-grid:not(.sf-grid).e-default table th[rowspan] {
1825
1833
  border-width: 0 0 0 1px;
1826
1834
  }
1827
- .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1835
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1828
1836
  border-right-width: 2px;
1829
1837
  }
1830
- .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1838
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1831
1839
  border-left-width: 2px;
1832
1840
  }
1833
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1841
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1834
1842
  border-left-width: 1px;
1835
1843
  }
1836
- .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1844
+ .e-grid:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1837
1845
  border-right-width: 1px;
1838
1846
  }
1839
1847
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
@@ -3215,21 +3223,6 @@
3215
3223
  left: 4px;
3216
3224
  position: relative;
3217
3225
  }
3218
- .e-grid.e-rtl.e-default table th[rowspan] {
3219
- border-width: 0 1px 0 0;
3220
- }
3221
- .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3222
- border-left-width: 2px;
3223
- }
3224
- .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3225
- border-right-width: 2px;
3226
- }
3227
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3228
- border-right-width: 1px;
3229
- }
3230
- .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3231
- border-left-width: 1px;
3232
- }
3233
3226
  .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 {
3234
3227
  border-left: 1px solid;
3235
3228
  border-right: 0;
@@ -3301,6 +3294,21 @@
3301
3294
  margin: -13px 4px -13px -3px;
3302
3295
  padding: 3px;
3303
3296
  }
3297
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan] {
3298
+ border-width: 0 1px 0 0;
3299
+ }
3300
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3301
+ border-left-width: 2px;
3302
+ }
3303
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3304
+ border-right-width: 2px;
3305
+ }
3306
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3307
+ border-right-width: 1px;
3308
+ }
3309
+ .e-grid:not(.sf-grid).e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3310
+ border-left-width: 1px;
3311
+ }
3304
3312
  .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 {
3305
3313
  height: Auto;
3306
3314
  line-height: 21px;
@@ -3376,13 +3384,13 @@
3376
3384
  .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) {
3377
3385
  border-right: 0;
3378
3386
  }
3379
- .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) {
3387
+ .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) {
3380
3388
  border-left: 0;
3381
3389
  }
3382
3390
  .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 {
3383
3391
  border-left: 0;
3384
3392
  }
3385
- .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3393
+ .e-grid:not(.sf-grid).e-resize-lines.e-rtl.e-default table th[rowspan] {
3386
3394
  border-right: 0;
3387
3395
  }
3388
3396
  .e-grid .e-mask {
@@ -3527,6 +3535,52 @@
3527
3535
  .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
3528
3536
  text-align: left;
3529
3537
  }
3538
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
3539
+ border-width: 0 0 0 1px;
3540
+ }
3541
+ .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
3542
+ .e-grid.sf-grid .e-device .e-gridheader table th:not([rowspan="1"]) {
3543
+ padding-bottom: 13px;
3544
+ vertical-align: bottom;
3545
+ }
3546
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3547
+ border-right-width: 2px;
3548
+ }
3549
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3550
+ border-left-width: 2px;
3551
+ }
3552
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3553
+ border-left-width: 1px;
3554
+ }
3555
+ .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3556
+ border-right-width: 1px;
3557
+ }
3558
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
3559
+ border-width: 0 1px 0 0;
3560
+ }
3561
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
3562
+ border-left-width: 2px;
3563
+ }
3564
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-rightfreeze.e-freezerightborder {
3565
+ border-right-width: 2px;
3566
+ }
3567
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezeleftborder {
3568
+ border-right-width: 1px;
3569
+ }
3570
+ .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
3571
+ border-left-width: 1px;
3572
+ }
3573
+ .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) {
3574
+ border-left: 0;
3575
+ }
3576
+ .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
3577
+ border-right: 0;
3578
+ }
3579
+ .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"]),
3580
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
3581
+ .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {
3582
+ padding-bottom: 20px;
3583
+ }
3530
3584
 
3531
3585
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3532
3586
  .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,