@syncfusion/ej2-react-grids 20.4.42 → 20.4.44

package/CHANGELOG.md

@@ -6,11 +6,39 @@
 
 #### Bug Fixes
 
+- `#I427528` - First column missing highlight when tabbing into grid issue has been fixed.
+- `#I427309` - API document has wrong information issue has been fixed.
+- `#I423348` - Autofit on the columns is not work as expected in the frozen grid has been fixed.
+- `#I419759` - Column Reordering is not working fine with Frozen column and hidden columns has been fixed.
+- `#I416705` - Alignment issue with row drag and drop and frozen columns in stacked headers has been fixed.
+- `#I424387` - Misalignment has been fixed when applying auto-fit for frozen columns with `allowtextwrap`.
+
+## 20.4.43 (2023-01-10)
+
+### Grid
+
+#### Bug Fixes
+
+- `#I425228` - Exception is thrown when exporting the grid with custom aggregate issue has been fixed.
+- `#F179549` - `colSpan` is not working with Frozen Grid issue has been fixed.
+- `#I428130` - Group indent cell width is not properly set has been fixed.
+- `#I422144`, `#F177682` - Validation message misalignment issue has been fixed.
+- `#I425048` - The last row bottom border issue in grouping has been fixed.
+- `#I424343`, `#I424671` - Issue with dynamically changing pager `pageSize` property has been resolved.
+- `#I367619` - Added `pageSize` argument for paging action in `actionBegin` and `actionComplete` event.
+- `#I414874` - Checkbox state is now reading properly by JAWS screen reader, when select all checkbox is clicked.
+- `#I426392` - Grid Column Menu is misplaced in mobile device has been fixed.
+
+## 20.4.42 (2023-01-04)
+
+### Grid
+
+#### Bug Fixes
+
 - `#I422739` - New record ID undefined on Infinite Scroll Grid issue has been fixed.
 - `#I423348` - `autoFitColumns` does not work with Frozen Grid issue has been fixed.
 - `#I423530` - Row deselection is not working in Virtualization with checkbox column issue has been fixed.
 - `#I419838` - Custom filter dialog throws script error when we render filter template issue has been fixed.
-- `#I425048` - The last row bottom border issue in grouping has been fixed.
 - `#I425422` - `Persistence` is not working on `ForeignKeyColumn` filter is fixed.
 
 ## 20.4.40 (2022-12-28)

package/dist/ej2-react-grids.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-grids.min.js
-*  version : 20.4.42
+*  version : 20.4.44
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/ej2-react-grids.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-grids.umd.min.js
-*  version : 20.4.42
+*  version : 20.4.44
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-grids@*",
-  "_id": "@syncfusion/ej2-react-grids@20.4.40",
+  "_id": "@syncfusion/ej2-react-grids@20.4.43",
   "_inBundle": false,
-  "_integrity": "sha512-kU1C8XkmGIhQyBKA0rPV/xS9yiTJGKM1ksE/l8AsFNx7kunxrRBA8FMwmGiw5RvEAy47B1esCnd7e0H46AK1BA==",
+  "_integrity": "sha512-+cTyqfHbWK5X1kMh9P5PUwcLkn8e25SqSLlHQ533bHRWCTenuYshAmVTuod2Qs/xjhCVjiixGNYwpkOCv+4SSw==",
   "_location": "/@syncfusion/ej2-react-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-20.4.40.tgz",
-  "_shasum": "a1d986ea30cec427277b1e294d18bf5767e08502",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-20.4.43.tgz",
+  "_shasum": "cac6d008300a3f6bd5bc5394dd8977f5f0957e7a",
   "_spec": "@syncfusion/ej2-react-grids@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -31,8 +31,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.42",
-    "@syncfusion/ej2-grids": "20.4.42",
+    "@syncfusion/ej2-base": "~20.4.44",
+    "@syncfusion/ej2-grids": "20.4.44",
     "@syncfusion/ej2-react-base": "~20.4.42"
   },
   "deprecated": false,
@@ -54,6 +54,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "20.4.42",
+  "version": "20.4.44",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -1517,7 +1517,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 1px 0 0 0;
   border-color: #484848;
 }
-.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
+.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
+.e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
+.e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
+.e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -2081,7 +2084,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.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) {
+.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) {
   border-left-width: 0;
 }
 .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2517,7 +2520,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2.5px;
   margin-top: -6.5px;
@@ -3498,7 +3503,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.sf-grid .e-movablecontent {
   height: inherit;
-  overflow: hidden;
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
 }
 .e-grid.sf-grid .e-frozencontent {
   border-bottom-style: solid;

package/styles/bootstrap.css

@@ -1518,7 +1518,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 1px 0 0 0;
   border-color: #ddd;
 }
-.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
+.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
+.e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
+.e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
+.e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -2082,7 +2085,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.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) {
+.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) {
   border-left-width: 0;
 }
 .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2518,7 +2521,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2.5px;
   margin-top: -6.5px;
@@ -3499,7 +3504,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.sf-grid .e-movablecontent {
   height: inherit;
-  overflow: hidden;
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
 }
 .e-grid.sf-grid .e-frozencontent {
   border-bottom-style: solid;

package/styles/bootstrap4.css

@@ -1574,7 +1574,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 1px 0 0 0;
   border-color: #ddd;
 }
-.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
+.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
+.e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
+.e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
+.e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -2141,7 +2144,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.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) {
+.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) {
   border-left-width: 0;
 }
 .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2577,7 +2580,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 12px;
   margin-left: -3.5px;
   margin-top: -7.5px;
@@ -3561,7 +3566,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.sf-grid .e-movablecontent {
   height: inherit;
-  overflow: hidden;
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
 }
 .e-grid.sf-grid .e-frozencontent {
   border-bottom-style: solid;

package/styles/bootstrap5-dark.css

@@ -1580,7 +1580,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 1px 0 0 0;
   border-color: #444c54;
 }
-.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
+.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
+.e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
+.e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
+.e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -2148,7 +2151,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.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) {
+.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) {
   border-left-width: 0;
 }
 .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2584,7 +2587,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -3px;
   margin-top: -7px;
@@ -3565,7 +3570,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.sf-grid .e-movablecontent {
   height: inherit;
-  overflow: hidden;
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
 }
 .e-grid.sf-grid .e-frozencontent {
   border-bottom-style: solid;

package/styles/bootstrap5.css

@@ -1580,7 +1580,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 1px 0 0 0;
   border-color: #dee2e6;
 }
-.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
+.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
+.e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
+.e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
+.e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -2148,7 +2151,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.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) {
+.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) {
   border-left-width: 0;
 }
 .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2584,7 +2587,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -3px;
   margin-top: -7px;
@@ -3565,7 +3570,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.sf-grid .e-movablecontent {
   height: inherit;
-  overflow: hidden;
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
 }
 .e-grid.sf-grid .e-frozencontent {
   border-bottom-style: solid;

package/styles/fabric-dark.css

@@ -1491,7 +1491,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 1px 0 0 0;
   border-color: #414040;
 }
-.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
+.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
+.e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
+.e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
+.e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -2055,7 +2058,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.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) {
+.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) {
   border-left-width: 0;
 }
 .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2491,7 +2494,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 8px;
   margin-left: -1.5px;
   margin-top: -4.5px;
@@ -3472,7 +3477,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.sf-grid .e-movablecontent {
   height: inherit;
-  overflow: hidden;
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
 }
 .e-grid.sf-grid .e-frozencontent {
   border-bottom-style: solid;

package/styles/fabric.css

@@ -1484,7 +1484,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 1px 0 0 0;
   border-color: #eaeaea;
 }
-.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
+.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
+.e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
+.e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
+.e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -2048,7 +2051,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.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) {
+.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) {
   border-left-width: 0;
 }
 .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2484,7 +2487,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 8px;
   margin-left: -1.5px;
   margin-top: -4.5px;
@@ -3465,7 +3470,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.sf-grid .e-movablecontent {
   height: inherit;
-  overflow: hidden;
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
 }
 .e-grid.sf-grid .e-frozencontent {
   border-bottom-style: solid;

package/styles/fluent-dark.css

@@ -1582,7 +1582,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 1px 0 0 0;
   border-color: #292827;
 }
-.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
+.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
+.e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
+.e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
+.e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -2149,7 +2152,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.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) {
+.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) {
   border-left-width: 0;
 }
 .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2593,7 +2596,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2px;
   margin-top: -6.5px;
@@ -3578,7 +3583,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.sf-grid .e-movablecontent {
   height: inherit;
-  overflow: hidden;
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
 }
 .e-grid.sf-grid .e-frozencontent {
   border-bottom-style: solid;

package/styles/fluent.css

@@ -1582,7 +1582,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 1px 0 0 0;
   border-color: #edebe9;
 }
-.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
+.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
+.e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
+.e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
+.e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -2149,7 +2152,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.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) {
+.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) {
   border-left-width: 0;
 }
 .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2593,7 +2596,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2px;
   margin-top: -6.5px;
@@ -3578,7 +3583,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.sf-grid .e-movablecontent {
   height: inherit;
-  overflow: hidden;
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
 }
 .e-grid.sf-grid .e-frozencontent {
   border-bottom-style: solid;

package/styles/grid/bootstrap-dark.css

@@ -1105,7 +1105,10 @@
   border-width: 1px 0 0 0;
   border-color: #484848;
 }
-.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
+.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
+.e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
+.e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
+.e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -1669,7 +1672,7 @@
   border-left-style: solid;
   border-left-width: 1px;
 }
-.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) {
+.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) {
   border-left-width: 0;
 }
 .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2105,7 +2108,9 @@
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2.5px;
   margin-top: -6.5px;
@@ -3086,7 +3091,11 @@
 }
 .e-grid.sf-grid .e-movablecontent {
   height: inherit;
-  overflow: hidden;
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
 }
 .e-grid.sf-grid .e-frozencontent {
   border-bottom-style: solid;

package/styles/grid/bootstrap.css

@@ -1106,7 +1106,10 @@
   border-width: 1px 0 0 0;
   border-color: #ddd;
 }
-.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
+.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
+.e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
+.e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
+.e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -1670,7 +1673,7 @@
   border-left-style: solid;
   border-left-width: 1px;
 }
-.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) {
+.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) {
   border-left-width: 0;
 }
 .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2106,7 +2109,9 @@
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2.5px;
   margin-top: -6.5px;
@@ -3087,7 +3092,11 @@
 }
 .e-grid.sf-grid .e-movablecontent {
   height: inherit;
-  overflow: hidden;
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
 }
 .e-grid.sf-grid .e-frozencontent {
   border-bottom-style: solid;

package/styles/grid/bootstrap4.css

@@ -1151,7 +1151,10 @@
   border-width: 1px 0 0 0;
   border-color: #ddd;
 }
-.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell {
+.e-grid .e-gridcontent .e-rowdragdrop.e-lastrowcell,
+.e-grid .e-gridcontent .e-recordpluscollapse.e-lastrowcell,
+.e-grid .e-gridcontent .e-indentcell.e-lastrowcell,
+.e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
@@ -1718,7 +1721,7 @@
   border-left-style: solid;
   border-left-width: 1px;
 }
-.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) {
+.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) {
   border-left-width: 0;
 }
 .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -2154,7 +2157,9 @@
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 12px;
   margin-left: -3.5px;
   margin-top: -7.5px;
@@ -3138,7 +3143,11 @@
 }
 .e-grid.sf-grid .e-movablecontent {
   height: inherit;
-  overflow: hidden;
+  overflow-x: auto;
+  scrollbar-width: none; /* firefox */
+}
+.e-grid.sf-grid .e-movablecontent::-webkit-scrollbar {
+  display: none; /* safari, chrome and edge */
 }
 .e-grid.sf-grid .e-frozencontent {
   border-bottom-style: solid;