@syncfusion/ej2-react-grids 23.1.41 → 23.1.43

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 (38) hide show
  1. package/CHANGELOG.md +57 -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 +9 -9
  6. package/styles/bootstrap.css +9 -9
  7. package/styles/bootstrap4.css +9 -9
  8. package/styles/bootstrap5-dark.css +9 -9
  9. package/styles/bootstrap5.css +9 -9
  10. package/styles/fabric-dark.css +10 -10
  11. package/styles/fabric.css +10 -10
  12. package/styles/fluent-dark.css +9 -9
  13. package/styles/fluent.css +9 -9
  14. package/styles/grid/bootstrap-dark.css +9 -9
  15. package/styles/grid/bootstrap.css +9 -9
  16. package/styles/grid/bootstrap4.css +9 -9
  17. package/styles/grid/bootstrap5-dark.css +9 -9
  18. package/styles/grid/bootstrap5.css +9 -9
  19. package/styles/grid/fabric-dark.css +10 -10
  20. package/styles/grid/fabric.css +10 -10
  21. package/styles/grid/fluent-dark.css +9 -9
  22. package/styles/grid/fluent.css +9 -9
  23. package/styles/grid/highcontrast-light.css +10 -10
  24. package/styles/grid/highcontrast.css +10 -10
  25. package/styles/grid/material-dark.css +10 -10
  26. package/styles/grid/material.css +10 -10
  27. package/styles/grid/material3-dark.css +9 -9
  28. package/styles/grid/material3.css +9 -9
  29. package/styles/grid/tailwind-dark.css +9 -9
  30. package/styles/grid/tailwind.css +9 -9
  31. package/styles/highcontrast-light.css +10 -10
  32. package/styles/highcontrast.css +10 -10
  33. package/styles/material-dark.css +10 -10
  34. package/styles/material.css +10 -10
  35. package/styles/material3-dark.css +9 -9
  36. package/styles/material3.css +9 -9
  37. package/styles/tailwind-dark.css +9 -9
  38. package/styles/tailwind.css +9 -9
@@ -878,6 +878,10 @@ li.e-separator.e-menu-item.e-excel-separator {
878
878
  font-size: 14px;
879
879
  padding: 9px 10px;
880
880
  }
881
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
882
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
883
+ border-bottom-width: 1px;
884
+ }
881
885
  .e-bigger .e-grid .e-rowcell:first-child,
882
886
  .e-bigger .e-grid .e-summarycell:first-child,
883
887
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1689,9 +1693,8 @@ li.e-separator.e-menu-item.e-excel-separator {
1689
1693
  display: none;
1690
1694
  }
1691
1695
  .e-grid .e-groupdroparea.e-group-animate.e-grouped {
1692
- overflow: hidden;
1693
- padding: 0;
1694
- height: 58px;
1696
+ padding: 0 16px 0;
1697
+ height: auto;
1695
1698
  border-bottom-width: 0;
1696
1699
  }
1697
1700
  .e-grid.e-rtl .e-group-animator {
@@ -1705,12 +1708,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1705
1708
  transform: rotate(180deg);
1706
1709
  margin-top: 20px;
1707
1710
  }
1708
- .e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
1709
- margin: 16px 16px 16px 0;
1710
- }
1711
- .e-grid .e-group-animator:first-child .e-groupheadercell {
1712
- margin: 16px 0 16px 16px;
1713
- }
1714
1711
  .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
1715
1712
  margin-top: 13px;
1716
1713
  }
@@ -2056,6 +2053,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2056
2053
  white-space: normal;
2057
2054
  word-wrap: break-word;
2058
2055
  }
2056
+ .e-grid .e-summarycell.e-lastrowcell {
2057
+ border-bottom-width: 1px;
2058
+ }
2059
2059
  .e-grid .e-summarycontent {
2060
2060
  display: -ms-flexbox;
2061
2061
  display: flex;
@@ -2719,7 +2719,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2719
2719
  overflow: hidden;
2720
2720
  text-overflow: ellipsis;
2721
2721
  white-space: nowrap;
2722
- width: 57px;
2722
+ width: auto;
2723
2723
  }
2724
2724
  .e-grid .e-grid-icon {
2725
2725
  float: left;
@@ -878,6 +878,10 @@ li.e-separator.e-menu-item.e-excel-separator {
878
878
  font-size: 14px;
879
879
  padding: 9px 10px;
880
880
  }
881
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
882
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
883
+ border-bottom-width: 1px;
884
+ }
881
885
  .e-bigger .e-grid .e-rowcell:first-child,
882
886
  .e-bigger .e-grid .e-summarycell:first-child,
883
887
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1689,9 +1693,8 @@ li.e-separator.e-menu-item.e-excel-separator {
1689
1693
  display: none;
1690
1694
  }
1691
1695
  .e-grid .e-groupdroparea.e-group-animate.e-grouped {
1692
- overflow: hidden;
1693
- padding: 0;
1694
- height: 58px;
1696
+ padding: 0 16px 0;
1697
+ height: auto;
1695
1698
  border-bottom-width: 0;
1696
1699
  }
1697
1700
  .e-grid.e-rtl .e-group-animator {
@@ -1705,12 +1708,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1705
1708
  transform: rotate(180deg);
1706
1709
  margin-top: 21px;
1707
1710
  }
1708
- .e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
1709
- margin: 16px 16px 16px 0;
1710
- }
1711
- .e-grid .e-group-animator:first-child .e-groupheadercell {
1712
- margin: 16px 0 16px 16px;
1713
- }
1714
1711
  .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
1715
1712
  margin-top: 14px;
1716
1713
  }
@@ -2056,6 +2053,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2056
2053
  white-space: normal;
2057
2054
  word-wrap: break-word;
2058
2055
  }
2056
+ .e-grid .e-summarycell.e-lastrowcell {
2057
+ border-bottom-width: 1px;
2058
+ }
2059
2059
  .e-grid .e-summarycontent {
2060
2060
  display: -ms-flexbox;
2061
2061
  display: flex;
@@ -2719,7 +2719,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2719
2719
  overflow: hidden;
2720
2720
  text-overflow: ellipsis;
2721
2721
  white-space: nowrap;
2722
- width: 57px;
2722
+ width: auto;
2723
2723
  }
2724
2724
  .e-grid .e-grid-icon {
2725
2725
  float: left;
@@ -927,6 +927,10 @@ li.e-separator.e-menu-item.e-excel-separator {
927
927
  font-size: 13px;
928
928
  padding: 11px 28px;
929
929
  }
930
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
931
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
932
+ border-bottom-width: 1px;
933
+ }
930
934
  .e-bigger .e-grid .e-rowcell:first-child,
931
935
  .e-bigger .e-grid .e-summarycell:first-child,
932
936
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1738,9 +1742,8 @@ li.e-separator.e-menu-item.e-excel-separator {
1738
1742
  display: none;
1739
1743
  }
1740
1744
  .e-grid .e-groupdroparea.e-group-animate.e-grouped {
1741
- overflow: hidden;
1742
- padding: 0;
1743
- height: 48px;
1745
+ padding: 0 12px 0;
1746
+ height: auto;
1744
1747
  border-bottom-width: 0;
1745
1748
  }
1746
1749
  .e-grid.e-rtl .e-group-animator {
@@ -1754,12 +1757,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1754
1757
  transform: rotate(180deg);
1755
1758
  margin-top: 16px;
1756
1759
  }
1757
- .e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
1758
- margin: 12px 16px 12px 0;
1759
- }
1760
- .e-grid .e-group-animator:first-child .e-groupheadercell {
1761
- margin: 12px 0 12px 16px;
1762
- }
1763
1760
  .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
1764
1761
  margin-top: 9px;
1765
1762
  }
@@ -2105,6 +2102,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2105
2102
  white-space: normal;
2106
2103
  word-wrap: break-word;
2107
2104
  }
2105
+ .e-grid .e-summarycell.e-lastrowcell {
2106
+ border-bottom-width: 1px;
2107
+ }
2108
2108
  .e-grid .e-summarycontent {
2109
2109
  display: -ms-flexbox;
2110
2110
  display: flex;
@@ -2768,7 +2768,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2768
2768
  overflow: hidden;
2769
2769
  text-overflow: ellipsis;
2770
2770
  white-space: nowrap;
2771
- width: 57px;
2771
+ width: auto;
2772
2772
  }
2773
2773
  .e-grid .e-grid-icon {
2774
2774
  float: left;
@@ -969,6 +969,10 @@ li.e-separator.e-menu-item.e-excel-separator {
969
969
  font-size: 13px;
970
970
  padding: 11px 28px;
971
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
+ }
972
976
  .e-bigger .e-grid .e-rowcell:first-child,
973
977
  .e-bigger .e-grid .e-summarycell:first-child,
974
978
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1780,9 +1784,8 @@ li.e-separator.e-menu-item.e-excel-separator {
1780
1784
  display: none;
1781
1785
  }
1782
1786
  .e-grid .e-groupdroparea.e-group-animate.e-grouped {
1783
- overflow: hidden;
1784
- padding: 0;
1785
- height: 48px;
1787
+ padding: 0 12px 0;
1788
+ height: auto;
1786
1789
  border-bottom-width: 0;
1787
1790
  }
1788
1791
  .e-grid.e-rtl .e-group-animator {
@@ -1796,12 +1799,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1796
1799
  transform: rotate(180deg);
1797
1800
  margin-top: 16px;
1798
1801
  }
1799
- .e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
1800
- margin: 12px 16px 12px 0;
1801
- }
1802
- .e-grid .e-group-animator:first-child .e-groupheadercell {
1803
- margin: 12px 0 12px 16px;
1804
- }
1805
1802
  .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
1806
1803
  margin-top: 9px;
1807
1804
  }
@@ -2147,6 +2144,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2147
2144
  white-space: normal;
2148
2145
  word-wrap: break-word;
2149
2146
  }
2147
+ .e-grid .e-summarycell.e-lastrowcell {
2148
+ border-bottom-width: 1px;
2149
+ }
2150
2150
  .e-grid .e-summarycontent {
2151
2151
  display: -ms-flexbox;
2152
2152
  display: flex;
@@ -2810,7 +2810,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2810
2810
  overflow: hidden;
2811
2811
  text-overflow: ellipsis;
2812
2812
  white-space: nowrap;
2813
- width: 57px;
2813
+ width: auto;
2814
2814
  }
2815
2815
  .e-grid .e-grid-icon {
2816
2816
  float: left;
@@ -1137,6 +1137,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1137
1137
  font-size: 14px;
1138
1138
  padding: 14px 12px;
1139
1139
  }
1140
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
1141
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
1142
+ border-bottom-width: 1px;
1143
+ }
1140
1144
  .e-bigger .e-grid .e-rowcell .e-checkbox-wrapper,
1141
1145
  .e-bigger .e-grid .e-rowcell .e-css.e-checkbox-wrapper,
1142
1146
  .e-grid.e-bigger .e-rowcell .e-checkbox-wrapper,
@@ -2042,9 +2046,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2042
2046
  display: none;
2043
2047
  }
2044
2048
  .e-grid .e-groupdroparea.e-group-animate.e-grouped {
2045
- overflow: hidden;
2046
- padding: 0;
2047
- height: 40px;
2049
+ padding: 0 8px 0;
2050
+ height: auto;
2048
2051
  border-bottom-width: 0 4px 0 4px;
2049
2052
  }
2050
2053
  .e-grid.e-rtl .e-group-animator {
@@ -2058,12 +2061,6 @@ li.e-separator.e-menu-item.e-excel-separator {
2058
2061
  transform: rotate(180deg);
2059
2062
  margin-top: 15px;
2060
2063
  }
2061
- .e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
2062
- margin: 8px 8px 8px 0;
2063
- }
2064
- .e-grid .e-group-animator:first-child .e-groupheadercell {
2065
- margin: 8px 0 8px 8px;
2066
- }
2067
2064
  .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
2068
2065
  margin-top: 5px;
2069
2066
  }
@@ -2421,6 +2418,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2421
2418
  white-space: normal;
2422
2419
  word-wrap: break-word;
2423
2420
  }
2421
+ .e-grid .e-summarycell.e-lastrowcell {
2422
+ border-bottom-width: 1px;
2423
+ }
2424
2424
  .e-grid .e-summarycontent {
2425
2425
  display: -ms-flexbox;
2426
2426
  display: flex;
@@ -1249,6 +1249,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1249
1249
  font-size: 14px;
1250
1250
  padding: 14px 12px;
1251
1251
  }
1252
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
1253
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
1254
+ border-bottom-width: 1px;
1255
+ }
1252
1256
  .e-bigger .e-grid .e-rowcell .e-checkbox-wrapper,
1253
1257
  .e-bigger .e-grid .e-rowcell .e-css.e-checkbox-wrapper,
1254
1258
  .e-grid.e-bigger .e-rowcell .e-checkbox-wrapper,
@@ -2154,9 +2158,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2154
2158
  display: none;
2155
2159
  }
2156
2160
  .e-grid .e-groupdroparea.e-group-animate.e-grouped {
2157
- overflow: hidden;
2158
- padding: 0;
2159
- height: 40px;
2161
+ padding: 0 8px 0;
2162
+ height: auto;
2160
2163
  border-bottom-width: 0 4px 0 4px;
2161
2164
  }
2162
2165
  .e-grid.e-rtl .e-group-animator {
@@ -2170,12 +2173,6 @@ li.e-separator.e-menu-item.e-excel-separator {
2170
2173
  transform: rotate(180deg);
2171
2174
  margin-top: 15px;
2172
2175
  }
2173
- .e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
2174
- margin: 8px 8px 8px 0;
2175
- }
2176
- .e-grid .e-group-animator:first-child .e-groupheadercell {
2177
- margin: 8px 0 8px 8px;
2178
- }
2179
2176
  .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
2180
2177
  margin-top: 5px;
2181
2178
  }
@@ -2533,6 +2530,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2533
2530
  white-space: normal;
2534
2531
  word-wrap: break-word;
2535
2532
  }
2533
+ .e-grid .e-summarycell.e-lastrowcell {
2534
+ border-bottom-width: 1px;
2535
+ }
2536
2536
  .e-grid .e-summarycontent {
2537
2537
  display: -ms-flexbox;
2538
2538
  display: flex;
@@ -910,6 +910,10 @@ li.e-separator.e-menu-item.e-excel-separator {
910
910
  font-size: 16px;
911
911
  padding: 10px 12px;
912
912
  }
913
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
914
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
915
+ border-bottom-width: 1px;
916
+ }
913
917
  .e-bigger .e-grid .e-rowcell:first-child,
914
918
  .e-bigger .e-grid .e-summarycell:first-child,
915
919
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1771,9 +1775,8 @@ li.e-separator.e-menu-item.e-excel-separator {
1771
1775
  display: none;
1772
1776
  }
1773
1777
  .e-grid .e-groupdroparea.e-group-animate.e-grouped {
1774
- overflow: hidden;
1775
- padding: 0;
1776
- height: 48px;
1778
+ padding: 0 12px 0;
1779
+ height: auto;
1777
1780
  border-bottom-width: 0;
1778
1781
  }
1779
1782
  .e-grid.e-rtl .e-group-animator {
@@ -1787,12 +1790,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1787
1790
  transform: rotate(180deg);
1788
1791
  margin-top: 15px;
1789
1792
  }
1790
- .e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
1791
- margin: 12px 12px 12px 0;
1792
- }
1793
- .e-grid .e-group-animator:first-child .e-groupheadercell {
1794
- margin: 12px 0 12px 12px;
1795
- }
1796
1793
  .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
1797
1794
  margin-top: 9px;
1798
1795
  }
@@ -2142,6 +2139,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2142
2139
  white-space: normal;
2143
2140
  word-wrap: break-word;
2144
2141
  }
2142
+ .e-grid .e-summarycell.e-lastrowcell {
2143
+ border-bottom-width: 1px;
2144
+ }
2145
2145
  .e-grid .e-summarycontent {
2146
2146
  display: -ms-flexbox;
2147
2147
  display: flex;
@@ -910,6 +910,10 @@ li.e-separator.e-menu-item.e-excel-separator {
910
910
  font-size: 16px;
911
911
  padding: 10px 12px;
912
912
  }
913
+ .e-bigger .e-grid .e-summarycell.e-lastrowcell,
914
+ .e-grid.e-bigger .e-summarycell.e-lastrowcell {
915
+ border-bottom-width: 1px;
916
+ }
913
917
  .e-bigger .e-grid .e-rowcell:first-child,
914
918
  .e-bigger .e-grid .e-summarycell:first-child,
915
919
  .e-grid.e-bigger .e-rowcell:first-child,
@@ -1771,9 +1775,8 @@ li.e-separator.e-menu-item.e-excel-separator {
1771
1775
  display: none;
1772
1776
  }
1773
1777
  .e-grid .e-groupdroparea.e-group-animate.e-grouped {
1774
- overflow: hidden;
1775
- padding: 0;
1776
- height: 48px;
1778
+ padding: 0 12px 0;
1779
+ height: auto;
1777
1780
  border-bottom-width: 0;
1778
1781
  }
1779
1782
  .e-grid.e-rtl .e-group-animator {
@@ -1787,12 +1790,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1787
1790
  transform: rotate(180deg);
1788
1791
  margin-top: 15px;
1789
1792
  }
1790
- .e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
1791
- margin: 12px 12px 12px 0;
1792
- }
1793
- .e-grid .e-group-animator:first-child .e-groupheadercell {
1794
- margin: 12px 0 12px 12px;
1795
- }
1796
1793
  .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
1797
1794
  margin-top: 9px;
1798
1795
  }
@@ -2142,6 +2139,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2142
2139
  white-space: normal;
2143
2140
  word-wrap: break-word;
2144
2141
  }
2142
+ .e-grid .e-summarycell.e-lastrowcell {
2143
+ border-bottom-width: 1px;
2144
+ }
2145
2145
  .e-grid .e-summarycontent {
2146
2146
  display: -ms-flexbox;
2147
2147
  display: flex;