@syncfusion/ej2-react-grids 20.4.42 → 20.4.44

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.
@@ -1165,7 +1165,10 @@
1165
1165
  border-width: 1px 0 0 0;
1166
1166
  border-color: #444c54;
1167
1167
  }
1168
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1168
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1169
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1170
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1171
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1169
1172
  border-bottom-width: 1px;
1170
1173
  }
1171
1174
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -1733,7 +1736,7 @@
1733
1736
  border-left-style: solid;
1734
1737
  border-left-width: 1px;
1735
1738
  }
1736
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1739
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1737
1740
  border-left-width: 0;
1738
1741
  }
1739
1742
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2169,7 +2172,9 @@
2169
2172
  border-left-width: 0;
2170
2173
  }
2171
2174
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2172
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2175
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2176
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2177
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2173
2178
  font-size: 10px;
2174
2179
  margin-left: -3px;
2175
2180
  margin-top: -7px;
@@ -3150,7 +3155,11 @@
3150
3155
  }
3151
3156
  .e-grid.sf-grid .e-movablecontent {
3152
3157
  height: inherit;
3153
- overflow: hidden;
3158
+ overflow-x: auto;
3159
+ scrollbar-width: none; /* firefox */
3160
+ }
3161
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3162
+ display: none; /* safari, chrome and edge */
3154
3163
  }
3155
3164
  .e-grid.sf-grid .e-frozencontent {
3156
3165
  border-bottom-style: solid;
@@ -1165,7 +1165,10 @@
1165
1165
  border-width: 1px 0 0 0;
1166
1166
  border-color: #dee2e6;
1167
1167
  }
1168
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1168
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1169
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1170
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1171
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1169
1172
  border-bottom-width: 1px;
1170
1173
  }
1171
1174
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -1733,7 +1736,7 @@
1733
1736
  border-left-style: solid;
1734
1737
  border-left-width: 1px;
1735
1738
  }
1736
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1739
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1737
1740
  border-left-width: 0;
1738
1741
  }
1739
1742
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2169,7 +2172,9 @@
2169
2172
  border-left-width: 0;
2170
2173
  }
2171
2174
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2172
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2175
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2176
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2177
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2173
2178
  font-size: 10px;
2174
2179
  margin-left: -3px;
2175
2180
  margin-top: -7px;
@@ -3150,7 +3155,11 @@
3150
3155
  }
3151
3156
  .e-grid.sf-grid .e-movablecontent {
3152
3157
  height: inherit;
3153
- overflow: hidden;
3158
+ overflow-x: auto;
3159
+ scrollbar-width: none; /* firefox */
3160
+ }
3161
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3162
+ display: none; /* safari, chrome and edge */
3154
3163
  }
3155
3164
  .e-grid.sf-grid .e-frozencontent {
3156
3165
  border-bottom-style: solid;
@@ -1079,7 +1079,10 @@
1079
1079
  border-width: 1px 0 0 0;
1080
1080
  border-color: #414040;
1081
1081
  }
1082
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1082
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1083
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1084
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1085
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1083
1086
  border-bottom-width: 1px;
1084
1087
  }
1085
1088
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -1643,7 +1646,7 @@
1643
1646
  border-left-style: solid;
1644
1647
  border-left-width: 1px;
1645
1648
  }
1646
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1649
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1647
1650
  border-left-width: 0;
1648
1651
  }
1649
1652
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2079,7 +2082,9 @@
2079
2082
  border-left-width: 0;
2080
2083
  }
2081
2084
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2082
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2085
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2086
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2087
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2083
2088
  font-size: 8px;
2084
2089
  margin-left: -1.5px;
2085
2090
  margin-top: -4.5px;
@@ -3060,7 +3065,11 @@
3060
3065
  }
3061
3066
  .e-grid.sf-grid .e-movablecontent {
3062
3067
  height: inherit;
3063
- overflow: hidden;
3068
+ overflow-x: auto;
3069
+ scrollbar-width: none; /* firefox */
3070
+ }
3071
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3072
+ display: none; /* safari, chrome and edge */
3064
3073
  }
3065
3074
  .e-grid.sf-grid .e-frozencontent {
3066
3075
  border-bottom-style: solid;
@@ -1072,7 +1072,10 @@
1072
1072
  border-width: 1px 0 0 0;
1073
1073
  border-color: #eaeaea;
1074
1074
  }
1075
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1075
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1076
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1077
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1078
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1076
1079
  border-bottom-width: 1px;
1077
1080
  }
1078
1081
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -1636,7 +1639,7 @@
1636
1639
  border-left-style: solid;
1637
1640
  border-left-width: 1px;
1638
1641
  }
1639
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1642
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1640
1643
  border-left-width: 0;
1641
1644
  }
1642
1645
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2072,7 +2075,9 @@
2072
2075
  border-left-width: 0;
2073
2076
  }
2074
2077
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2075
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2078
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2079
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2080
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2076
2081
  font-size: 8px;
2077
2082
  margin-left: -1.5px;
2078
2083
  margin-top: -4.5px;
@@ -3053,7 +3058,11 @@
3053
3058
  }
3054
3059
  .e-grid.sf-grid .e-movablecontent {
3055
3060
  height: inherit;
3056
- overflow: hidden;
3061
+ overflow-x: auto;
3062
+ scrollbar-width: none; /* firefox */
3063
+ }
3064
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3065
+ display: none; /* safari, chrome and edge */
3057
3066
  }
3058
3067
  .e-grid.sf-grid .e-frozencontent {
3059
3068
  border-bottom-style: solid;
@@ -1167,7 +1167,10 @@
1167
1167
  border-width: 1px 0 0 0;
1168
1168
  border-color: #292827;
1169
1169
  }
1170
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1170
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1171
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1172
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1173
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1171
1174
  border-bottom-width: 1px;
1172
1175
  }
1173
1176
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -1734,7 +1737,7 @@
1734
1737
  border-left-style: solid;
1735
1738
  border-left-width: 1px;
1736
1739
  }
1737
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1740
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1738
1741
  border-left-width: 0;
1739
1742
  }
1740
1743
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2178,7 +2181,9 @@
2178
2181
  border-left-width: 0;
2179
2182
  }
2180
2183
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2181
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2184
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2185
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2186
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2182
2187
  font-size: 10px;
2183
2188
  margin-left: -2px;
2184
2189
  margin-top: -6.5px;
@@ -3163,7 +3168,11 @@
3163
3168
  }
3164
3169
  .e-grid.sf-grid .e-movablecontent {
3165
3170
  height: inherit;
3166
- overflow: hidden;
3171
+ overflow-x: auto;
3172
+ scrollbar-width: none; /* firefox */
3173
+ }
3174
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3175
+ display: none; /* safari, chrome and edge */
3167
3176
  }
3168
3177
  .e-grid.sf-grid .e-frozencontent {
3169
3178
  border-bottom-style: solid;
@@ -1167,7 +1167,10 @@
1167
1167
  border-width: 1px 0 0 0;
1168
1168
  border-color: #edebe9;
1169
1169
  }
1170
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1170
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1171
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1172
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1173
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1171
1174
  border-bottom-width: 1px;
1172
1175
  }
1173
1176
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -1734,7 +1737,7 @@
1734
1737
  border-left-style: solid;
1735
1738
  border-left-width: 1px;
1736
1739
  }
1737
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1740
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1738
1741
  border-left-width: 0;
1739
1742
  }
1740
1743
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2178,7 +2181,9 @@
2178
2181
  border-left-width: 0;
2179
2182
  }
2180
2183
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2181
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2184
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2185
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2186
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2182
2187
  font-size: 10px;
2183
2188
  margin-left: -2px;
2184
2189
  margin-top: -6.5px;
@@ -3163,7 +3168,11 @@
3163
3168
  }
3164
3169
  .e-grid.sf-grid .e-movablecontent {
3165
3170
  height: inherit;
3166
- overflow: hidden;
3171
+ overflow-x: auto;
3172
+ scrollbar-width: none; /* firefox */
3173
+ }
3174
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3175
+ display: none; /* safari, chrome and edge */
3167
3176
  }
3168
3177
  .e-grid.sf-grid .e-frozencontent {
3169
3178
  border-bottom-style: solid;
@@ -1076,7 +1076,10 @@
1076
1076
  border-width: 1px 0 0 0;
1077
1077
  border-color: #757575;
1078
1078
  }
1079
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1079
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1080
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1081
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1082
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1080
1083
  border-bottom-width: 1px;
1081
1084
  }
1082
1085
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -1640,7 +1643,7 @@
1640
1643
  border-left-style: solid;
1641
1644
  border-left-width: 1px;
1642
1645
  }
1643
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1646
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1644
1647
  border-left-width: 0;
1645
1648
  }
1646
1649
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2076,7 +2079,9 @@
2076
2079
  border-left-width: 0;
2077
2080
  }
2078
2081
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2079
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2082
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2083
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2084
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2080
2085
  font-size: 8px;
2081
2086
  margin-left: 0;
2082
2087
  margin-top: 0;
@@ -3057,7 +3062,11 @@
3057
3062
  }
3058
3063
  .e-grid.sf-grid .e-movablecontent {
3059
3064
  height: inherit;
3060
- overflow: hidden;
3065
+ overflow-x: auto;
3066
+ scrollbar-width: none; /* firefox */
3067
+ }
3068
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3069
+ display: none; /* safari, chrome and edge */
3061
3070
  }
3062
3071
  .e-grid.sf-grid .e-frozencontent {
3063
3072
  border-bottom-style: solid;
@@ -1076,7 +1076,10 @@
1076
1076
  border-width: 1px 0 0 0;
1077
1077
  border-color: #969696;
1078
1078
  }
1079
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1079
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1080
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1081
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1082
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1080
1083
  border-bottom-width: 1px;
1081
1084
  }
1082
1085
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -1640,7 +1643,7 @@
1640
1643
  border-left-style: solid;
1641
1644
  border-left-width: 1px;
1642
1645
  }
1643
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1646
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1644
1647
  border-left-width: 0;
1645
1648
  }
1646
1649
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2076,7 +2079,9 @@
2076
2079
  border-left-width: 0;
2077
2080
  }
2078
2081
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2079
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2082
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2083
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2084
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2080
2085
  font-size: 8px;
2081
2086
  margin-left: -1.5px;
2082
2087
  margin-top: -5px;
@@ -3057,7 +3062,11 @@
3057
3062
  }
3058
3063
  .e-grid.sf-grid .e-movablecontent {
3059
3064
  height: inherit;
3060
- overflow: hidden;
3065
+ overflow-x: auto;
3066
+ scrollbar-width: none; /* firefox */
3067
+ }
3068
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3069
+ display: none; /* safari, chrome and edge */
3061
3070
  }
3062
3071
  .e-grid.sf-grid .e-frozencontent {
3063
3072
  border-bottom-style: solid;
@@ -1120,7 +1120,10 @@
1120
1120
  border-width: 1px 0 0 0;
1121
1121
  border-color: #616161;
1122
1122
  }
1123
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1123
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1124
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1125
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1126
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1124
1127
  border-bottom-width: 1px;
1125
1128
  }
1126
1129
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -1684,7 +1687,7 @@
1684
1687
  border-left-style: solid;
1685
1688
  border-left-width: 1px;
1686
1689
  }
1687
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1690
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1688
1691
  border-left-width: 0;
1689
1692
  }
1690
1693
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2120,7 +2123,9 @@
2120
2123
  border-left-width: 0;
2121
2124
  }
2122
2125
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2123
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2126
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2127
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2128
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2124
2129
  font-size: 8px;
2125
2130
  margin-left: -1px;
2126
2131
  margin-top: -4.5px;
@@ -3101,7 +3106,11 @@
3101
3106
  }
3102
3107
  .e-grid.sf-grid .e-movablecontent {
3103
3108
  height: inherit;
3104
- overflow: hidden;
3109
+ overflow-x: auto;
3110
+ scrollbar-width: none; /* firefox */
3111
+ }
3112
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3113
+ display: none; /* safari, chrome and edge */
3105
3114
  }
3106
3115
  .e-grid.sf-grid .e-frozencontent {
3107
3116
  border-bottom-style: solid;
@@ -1154,7 +1154,10 @@
1154
1154
  border-width: 1px 0 0 0;
1155
1155
  border-color: #e0e0e0;
1156
1156
  }
1157
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1157
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1158
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1159
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1160
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1158
1161
  border-bottom-width: 1px;
1159
1162
  }
1160
1163
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -1718,7 +1721,7 @@
1718
1721
  border-left-style: solid;
1719
1722
  border-left-width: 1px;
1720
1723
  }
1721
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1724
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1722
1725
  border-left-width: 0;
1723
1726
  }
1724
1727
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2154,7 +2157,9 @@
2154
2157
  border-left-width: 0;
2155
2158
  }
2156
2159
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2157
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2160
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2161
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2162
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2158
2163
  font-size: 8px;
2159
2164
  margin-left: -1px;
2160
2165
  margin-top: -4.5px;
@@ -3135,7 +3140,11 @@
3135
3140
  }
3136
3141
  .e-grid.sf-grid .e-movablecontent {
3137
3142
  height: inherit;
3138
- overflow: hidden;
3143
+ overflow-x: auto;
3144
+ scrollbar-width: none; /* firefox */
3145
+ }
3146
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3147
+ display: none; /* safari, chrome and edge */
3139
3148
  }
3140
3149
  .e-grid.sf-grid .e-frozencontent {
3141
3150
  border-bottom-style: solid;
@@ -1156,7 +1156,10 @@
1156
1156
  border-width: 1px 0 0 0;
1157
1157
  border-color: #4b5563;
1158
1158
  }
1159
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1159
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1160
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1161
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1162
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1160
1163
  border-bottom-width: 1px;
1161
1164
  }
1162
1165
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -1725,7 +1728,7 @@
1725
1728
  border-left-style: solid;
1726
1729
  border-left-width: 1px;
1727
1730
  }
1728
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1731
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1729
1732
  border-left-width: 0;
1730
1733
  }
1731
1734
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2178,7 +2181,9 @@
2178
2181
  border-left-width: 0;
2179
2182
  }
2180
2183
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2181
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2184
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2185
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2186
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2182
2187
  font-size: 18px;
2183
2188
  margin-left: -6px;
2184
2189
  margin-top: -11px;
@@ -3171,7 +3176,11 @@
3171
3176
  }
3172
3177
  .e-grid.sf-grid .e-movablecontent {
3173
3178
  height: inherit;
3174
- overflow: hidden;
3179
+ overflow-x: auto;
3180
+ scrollbar-width: none; /* firefox */
3181
+ }
3182
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3183
+ display: none; /* safari, chrome and edge */
3175
3184
  }
3176
3185
  .e-grid.sf-grid .e-frozencontent {
3177
3186
  border-bottom-style: solid;
@@ -1156,7 +1156,10 @@
1156
1156
  border-width: 1px 0 0 0;
1157
1157
  border-color: #e5e7eb;
1158
1158
  }
1159
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1159
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1160
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1161
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1162
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1160
1163
  border-bottom-width: 1px;
1161
1164
  }
1162
1165
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -1725,7 +1728,7 @@
1725
1728
  border-left-style: solid;
1726
1729
  border-left-width: 1px;
1727
1730
  }
1728
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1731
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1729
1732
  border-left-width: 0;
1730
1733
  }
1731
1734
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2178,7 +2181,9 @@
2178
2181
  border-left-width: 0;
2179
2182
  }
2180
2183
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2181
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2184
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2185
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2186
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2182
2187
  font-size: 18px;
2183
2188
  margin-left: -6px;
2184
2189
  margin-top: -11px;
@@ -3171,7 +3176,11 @@
3171
3176
  }
3172
3177
  .e-grid.sf-grid .e-movablecontent {
3173
3178
  height: inherit;
3174
- overflow: hidden;
3179
+ overflow-x: auto;
3180
+ scrollbar-width: none; /* firefox */
3181
+ }
3182
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3183
+ display: none; /* safari, chrome and edge */
3175
3184
  }
3176
3185
  .e-grid.sf-grid .e-frozencontent {
3177
3186
  border-bottom-style: solid;
@@ -1488,7 +1488,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1488
1488
  border-width: 1px 0 0 0;
1489
1489
  border-color: #757575;
1490
1490
  }
1491
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1491
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1492
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1493
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1494
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1492
1495
  border-bottom-width: 1px;
1493
1496
  }
1494
1497
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -2052,7 +2055,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2052
2055
  border-left-style: solid;
2053
2056
  border-left-width: 1px;
2054
2057
  }
2055
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2058
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2056
2059
  border-left-width: 0;
2057
2060
  }
2058
2061
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2488,7 +2491,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2488
2491
  border-left-width: 0;
2489
2492
  }
2490
2493
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2491
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2494
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2495
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2496
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2492
2497
  font-size: 8px;
2493
2498
  margin-left: 0;
2494
2499
  margin-top: 0;
@@ -3469,7 +3474,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3469
3474
  }
3470
3475
  .e-grid.sf-grid .e-movablecontent {
3471
3476
  height: inherit;
3472
- overflow: hidden;
3477
+ overflow-x: auto;
3478
+ scrollbar-width: none; /* firefox */
3479
+ }
3480
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3481
+ display: none; /* safari, chrome and edge */
3473
3482
  }
3474
3483
  .e-grid.sf-grid .e-frozencontent {
3475
3484
  border-bottom-style: solid;
@@ -1488,7 +1488,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1488
1488
  border-width: 1px 0 0 0;
1489
1489
  border-color: #969696;
1490
1490
  }
1491
- .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
1491
+ .e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
1492
+ .e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
1493
+ .e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
1494
+ .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
1492
1495
  border-bottom-width: 1px;
1493
1496
  }
1494
1497
  .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -2052,7 +2055,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2052
2055
  border-left-style: solid;
2053
2056
  border-left-width: 1px;
2054
2057
  }
2055
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2058
+ .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2056
2059
  border-left-width: 0;
2057
2060
  }
2058
2061
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2488,7 +2491,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2488
2491
  border-left-width: 0;
2489
2492
  }
2490
2493
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
2491
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2494
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
2495
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
2496
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
2492
2497
  font-size: 8px;
2493
2498
  margin-left: -1.5px;
2494
2499
  margin-top: -5px;
@@ -3469,7 +3474,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3469
3474
  }
3470
3475
  .e-grid.sf-grid .e-movablecontent {
3471
3476
  height: inherit;
3472
- overflow: hidden;
3477
+ overflow-x: auto;
3478
+ scrollbar-width: none; /* firefox */
3479
+ }
3480
+ .e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
3481
+ display: none; /* safari, chrome and edge */
3473
3482
  }
3474
3483
  .e-grid.sf-grid .e-frozencontent {
3475
3484
  border-bottom-style: solid;