@syncfusion/ej2-react-grids 23.2.4 → 23.2.7

package/CHANGELOG.md

@@ -6,6 +6,39 @@
 
 #### Bug fixes
 
+- `#I517291` - Resolved an issue with calling the `hideColumns` method multiple times.
+- `#I517408` - The issue with the alignment of the text is not being at the centre when sorting is enabled in the grid has been resolved.
+- `#FB48215` - The problem with drag and drop rows not updating properly in the UI has been fixed.
+- `#I510993` - Resolved the script error when rendering the `captionTemplate` and aggregate `groupCaptionTemplate` simultaneously.
+- `#I518869` - The problem with header checkbox selection in remote data has been resolved.
+
+## 23.2.6 (2023-11-28)
+
+### Grid
+
+#### Bug fixes
+
+- `#I517762` - Resolved the issue with paste functionality of the Grid on Mac devices.
+- `#I520019` - The filter dialog `popup` is closed when no records are found during the search and press Enter key has been fixed.
+- `#I514004` - Fixed an issue with the space between the arrow in the tooltip and the content.
+- `#I511050` - Error thrown while sorting columns after filtering has been resolved.
+- `#I464878` - The issue where the focus style for checkbox items was not applying to the spreadsheet component has been resolved.
+- `#F185039` - Resolved a problem where the grid would not display all records when the filter was cleared.
+- `#I513685` - Aria-label for `SelectAllCheckbox` is now descriptive for accessibility.
+
+- `#I517762` - Resolved the issue with paste functionality of the Grid on Mac devices.
+- `#I514004` - Fixed an issue with the space between the arrow in the tooltip and the content.
+- `#I511050` - Error thrown while sorting columns after filtering has been resolved.
+- `#I464878` - The issue where the focus style for checkbox items was not applying to the spreadsheet component has been resolved.
+- `#F185039` - Resolved a problem where the grid would not display all records when the filter was cleared.
+- `#I513685` - Aria-label for `SelectAllCheckbox` is now descriptive for accessibility.
+
+## 23.2.4 (2023-11-20)
+
+### Grid
+
+#### Bug fixes
+
 - `#I508354` - Cell selection is now working fine with row drag and drop.
 
 ## 23.1.44 (2023-11-07)

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-grids.min.js
-*  version : 23.2.4
+*  version : 23.2.7
 *  Copyright Syncfusion Inc. 2001 - 2023. 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 : 23.2.4
+*  version : 23.2.7
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@23.1.44",
+  "_id": "@syncfusion/ej2-react-grids@23.2.6",
   "_inBundle": false,
-  "_integrity": "sha512-oW9ziD+DW0ZVnANYuVZ4xo0TBJwNtrTknQydJ+nR+01hiiYRa8/rNoS/wycOgDou6xDDmvHUZVzNwDrBWXOA3w==",
+  "_integrity": "sha512-SAC6pt/DN9s6u+HeB5lhZy61RNGqS5MfSemRwcgVCEE35TlQrz94XyVjjbyJskBOE2Sx6TII3im+41tqqx8s+w==",
   "_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-23.1.44.tgz",
-  "_shasum": "69fe0aae91fe68c6a14f74be1998531e9fbe4e6a",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-23.2.6.tgz",
+  "_shasum": "ab8be39484e61f6e2116bd1f9a87c5f2702d096f",
   "_spec": "@syncfusion/ej2-react-grids@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.2.4",
-    "@syncfusion/ej2-grids": "23.2.4",
-    "@syncfusion/ej2-react-base": "~23.2.4"
+    "@syncfusion/ej2-base": "~23.2.6",
+    "@syncfusion/ej2-grids": "23.2.7",
+    "@syncfusion/ej2-react-base": "~23.2.5"
   },
   "deprecated": false,
   "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for React",
@@ -54,6 +54,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "23.2.4",
+  "version": "23.2.7",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -2266,6 +2266,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 1.8em 0 0.4em;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 0.4em;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 0.4em;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 1.8em 0 0.4em;
 }
@@ -2917,6 +2928,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5052,6 +5064,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #393939;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #393939;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/bootstrap.css

@@ -2267,6 +2267,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 1.8em 0 0.4em;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 0.4em;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 0.4em;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 1.8em 0 0.4em;
 }
@@ -2918,6 +2929,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5053,6 +5065,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #f5f5f5;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f5f5f5;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/bootstrap4.css

@@ -2337,6 +2337,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 0 5px;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 5px;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 5px;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 20px 0 5px;
 }
@@ -2989,6 +3000,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5140,6 +5152,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: rgba(0, 0, 0, 0.08);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/bootstrap5-dark.css

@@ -2331,6 +2331,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 0 5px;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 5px;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 5px;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding-left: 8px;
 }
@@ -2982,6 +2993,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5132,6 +5144,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #31373d;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #31373d;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fadfe2;

package/styles/bootstrap5.css

@@ -2331,6 +2331,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 0 5px;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 5px;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 5px;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding-left: 8px;
 }
@@ -2982,6 +2993,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5132,6 +5144,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #eff1f4;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #eff1f4;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #f8d7da;

package/styles/fabric-dark.css

@@ -2240,6 +2240,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 0 5px;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 5px;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 5px;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 20px 0 5px;
 }
@@ -2891,6 +2902,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5026,6 +5038,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #414040;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #414040;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/fabric.css

@@ -2233,6 +2233,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 25px 0 0;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 0;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 0;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 25px 0 0;
 }
@@ -2884,6 +2895,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -5019,6 +5031,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #f4f4f4;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f4f4f4;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/fluent-dark.css

@@ -2334,6 +2334,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 0 5px;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 5px;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 5px;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding-left: 5px;
   margin-bottom: -6px;
@@ -2990,6 +3001,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4195,6 +4207,12 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-bottom: 0;
 }
 
+.e-bigger.e-grid.sf-grid.e-row-responsive .e-gridcontent td::before, .e-bigger.e-grid.sf-grid.e-row-responsive .e-summarycontent td::before,
+.e-bigger .e-grid.sf-grid.e-row-responsive .e-gridcontent td::before,
+.e-bigger .e-grid.sf-grid.e-row-responsive .e-summarycontent td::before {
+  overflow: hidden;
+}
+
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
@@ -5164,6 +5182,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #252423;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #252423;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fed9cc;

package/styles/fluent.css

@@ -2334,6 +2334,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 0 5px;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 5px;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 5px;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding-left: 5px;
   margin-bottom: -6px;
@@ -2990,6 +3001,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4195,6 +4207,12 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-bottom: 0;
 }
 
+.e-bigger.e-grid.sf-grid.e-row-responsive .e-gridcontent td::before, .e-bigger.e-grid.sf-grid.e-row-responsive .e-summarycontent td::before,
+.e-bigger .e-grid.sf-grid.e-row-responsive .e-gridcontent td::before,
+.e-bigger .e-grid.sf-grid.e-row-responsive .e-summarycontent td::before {
+  overflow: hidden;
+}
+
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
@@ -5164,6 +5182,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #f3f2f1;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f3f2f1;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fed9cc;

package/styles/grid/bootstrap-dark.css

@@ -1842,6 +1842,17 @@
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 1.8em 0 0.4em;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 0.4em;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 0.4em;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 1.8em 0 0.4em;
 }
@@ -2493,6 +2504,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4628,6 +4640,10 @@
   background-color: #393939;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #393939;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/grid/bootstrap.css

@@ -1843,6 +1843,17 @@
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 1.8em 0 0.4em;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 0.4em;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 0.4em;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 1.8em 0 0.4em;
 }
@@ -2494,6 +2505,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4629,6 +4641,10 @@
   background-color: #f5f5f5;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f5f5f5;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/grid/bootstrap4.css

@@ -1902,6 +1902,17 @@
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 0 5px;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 5px;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 5px;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 20px 0 5px;
 }
@@ -2554,6 +2565,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4705,6 +4717,10 @@
   background-color: rgba(0, 0, 0, 0.08);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/grid/bootstrap5-dark.css

@@ -1904,6 +1904,17 @@
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 0 5px;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 5px;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 5px;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding-left: 8px;
 }
@@ -2555,6 +2566,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4705,6 +4717,10 @@
   background-color: #31373d;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #31373d;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fadfe2;

package/styles/grid/bootstrap5.css

@@ -1904,6 +1904,17 @@
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 0 5px;
 }
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-right: 5px;
+}
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
+  padding-left: 5px;
+}
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding-left: 8px;
 }
@@ -2555,6 +2566,7 @@
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -4705,6 +4717,10 @@
   background-color: #eff1f4;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #eff1f4;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #f8d7da;