@syncfusion/ej2-react-grids 26.1.40 → 26.1.42

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-grids.min.js
-*  version : 26.1.40
+*  version : 26.1.42
 *  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 : 26.1.40
+*  version : 26.1.42
 *  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@26.1.39",
+  "_id": "@syncfusion/ej2-react-grids@26.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-Y0tDVgacpYUslu6huUcblshY3aMNFqlODXenUE4wc5KQpqqFpI5dTw8GMOihJBOYT/IUFs/zqAIKiYlWy3/ruQ==",
+  "_integrity": "sha512-aFIIj6gdwsFHZSK2+6q6xeD5WHfmA067mnzgKyhCyBEybGG12ZLJtBkiX/kd9+I0Pe9seBqDwn0QC0JX2ZwChw==",
   "_location": "/@syncfusion/ej2-react-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-26.1.39.tgz",
-  "_shasum": "4ca3a91db2eafbfef9bb3041c34e8df0a43cbd01",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-26.1.41.tgz",
+  "_shasum": "39d9a8749cb94b5b04889405215992ea5400f665",
   "_spec": "@syncfusion/ej2-react-grids@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -31,8 +31,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.1.37",
-    "@syncfusion/ej2-grids": "26.1.40",
+    "@syncfusion/ej2-base": "~26.1.42",
+    "@syncfusion/ej2-grids": "26.1.42",
     "@syncfusion/ej2-react-base": "~26.1.35"
   },
   "deprecated": false,
@@ -54,6 +54,6 @@
     "type": "git",
     "url": "https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "26.1.40",
+  "version": "26.1.42",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -2348,6 +2348,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 8px 0;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 16px;
@@ -2379,8 +2382,8 @@ 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-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[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .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;
@@ -3373,7 +3376,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -29px 3px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
-  padding: 0 25px 0 0.7em;
+  padding: 0 1.6em 0 1.2em;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;

package/styles/bootstrap.css

@@ -927,7 +927,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 7px 0 0 2px;
+  margin: 7px 6px 0 2px;
 }
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -945,7 +945,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 8px 0 0 12px;
+  margin: 8px 2px 0 3px;
 }
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv {
@@ -1101,7 +1101,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 9px;
   height: 15px;
   line-height: 15px;
-  margin: 7px 0 0 2px;
+  margin: 7px 6px 0 2px;
   width: 15px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
@@ -2008,7 +2008,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-weight: Bold;
   height: 29px;
   line-height: 29px;
-  padding: 0 0.4em;
+  padding: 0 1.2em 0 0.4em;
   margin: -5px;
   overflow: hidden;
   text-align: left;
@@ -2348,6 +2348,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 8px 0;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 16px;
@@ -2377,16 +2380,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 1.8em 0 0.4em;
+  padding: 0 0.7em 0 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[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .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;
+  padding: 0 0.7em 0 0.4em;
 }
 .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 0.35em 0 0.3em;
@@ -2434,19 +2437,19 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 9px;
   height: 15px;
   line-height: 15px;
-  margin: 8px 8px 0 2px;
+  margin: 8px 10px 0 2px;
   width: 15px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 8px 8px 0 2px;
+  margin: 8px 10px 0 2px;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 8px 0 0 20px;
+  margin: 8px 0 0 10px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 8px 0 0 20px;
+  margin: 8px 0 0 10px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
   margin: -29px 20px -29px 0;
@@ -3363,7 +3366,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 10px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 8px -6px 0 0;
+  margin: 8px -6px 0 2px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
   margin-left: -5px;
@@ -3373,7 +3376,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -29px 3px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
-  padding: 0 25px 0 0.7em;
+  padding: 0 1.6em 0 1.2em;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;

package/styles/bootstrap4.css

@@ -972,7 +972,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 4px 5px 0 2px;
+  margin: 4px 8px 0 2px;
 }
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -990,7 +990,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 4px 0 0 10px;
+  margin: 4px 2px 0 4px;
 }
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv {
@@ -1146,7 +1146,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 9px;
   height: 15px;
   line-height: 16px;
-  margin: 4px 5px 0 2px;
+  margin: 4px 8px 0 2px;
   width: 15px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
@@ -2062,7 +2062,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-weight: Bold;
   height: 21px;
   line-height: 21px;
-  padding: 0 0.4em;
+  padding: 0 1.1em 0 0.4em;
   margin: -5px;
   overflow: hidden;
   text-align: left;
@@ -2402,6 +2402,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 5px 0;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 16px;
@@ -2431,16 +2434,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 20px 0 5px;
+  padding: 0 10px 0 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[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .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;
+  padding: 0 10px 0 5px;
 }
 .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 0.35em 0 0.3em;
@@ -2488,19 +2491,19 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 9px;
   height: 15px;
   line-height: 16px;
-  margin: 2px -6px 0 0;
+  margin: 2px 0 0 0;
   width: 15px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 2px -6px 0 0;
+  margin: 2px 0 0 0;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 2px 8px 0 8px;
+  margin: 2px 8px 0 4px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 2px 8px 0 8px;
+  margin: 2px 8px 0 4px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
   margin: -28px 10px -29px 0;
@@ -3418,8 +3421,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 10px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 2px -2px 0 0;
-  margin: 4px -2px 0 0;
+  margin: 2px -2px 0 2px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
   margin-left: -5px;
@@ -3429,7 +3431,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -29px 3px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
-  padding: 0 25px 0 0.7em;
+  padding: 0 1.6em 0 1.2em;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;

package/styles/bootstrap5-dark.css

@@ -963,7 +963,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 2px 4px 0 -6px;
+  margin: 2px 4px 0 0;
 }
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -981,7 +981,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 2px 4px 0 -6px;
+  margin: 2px 4px 0 -11px;
 }
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv {
@@ -1142,7 +1142,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 2px 0 0 4px;
+  margin: 2px 0 0 11px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
 .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
@@ -2053,7 +2053,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-weight: 700;
   height: 18px;
   line-height: 18px;
-  padding: 0 0.4em;
+  padding: 0 1.5em 0 0.4em;
   margin: -7px -7px -7px -8px;
   overflow: hidden;
   text-align: left;
@@ -2393,6 +2393,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 8px 0 20px;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 18px;
@@ -2422,10 +2425,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 20px 0 5px;
+  padding: 0 10px 0 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[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .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;
@@ -2487,7 +2490,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 2px 8px 0 10px;
+  margin: 2px 8px 0 3px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
@@ -3376,19 +3379,19 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
 .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 0.4em 0 2.8em;
+  padding: 0 0.4em 0 2em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
   float: left;
-  margin: 1px 0 0 12px;
+  margin: 1px 0 0 15px;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv,
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 0.4em 0 2.8em;
+  padding: 0 0.4em 0 2em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
@@ -3408,7 +3411,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 10px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 2px 8px 0 0;
+  margin: 2px 8px 0 2px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
   margin-left: -2px;
@@ -3418,7 +3421,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -10px 2px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
-  padding: 0 25px 0 0.7em;
+  padding: 0 1.6em 0 1.2em;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;
@@ -3426,7 +3429,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
   float: left;
-  margin: 1px 0 0 12px;
+  margin: 1px 0 0 15px;
 }
 .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
   float: left;

package/styles/bootstrap5.css

@@ -963,7 +963,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 2px 4px 0 -6px;
+  margin: 2px 4px 0 0;
 }
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -981,7 +981,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 2px 4px 0 -6px;
+  margin: 2px 4px 0 -11px;
 }
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv {
@@ -1142,7 +1142,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 2px 0 0 4px;
+  margin: 2px 0 0 11px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
 .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
@@ -2053,7 +2053,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-weight: 700;
   height: 18px;
   line-height: 18px;
-  padding: 0 0.4em;
+  padding: 0 1.5em 0 0.4em;
   margin: -7px -7px -7px -8px;
   overflow: hidden;
   text-align: left;
@@ -2393,6 +2393,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 8px 0 20px;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 18px;
@@ -2422,10 +2425,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 20px 0 5px;
+  padding: 0 10px 0 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[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .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;
@@ -2487,7 +2490,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 2px 8px 0 10px;
+  margin: 2px 8px 0 3px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
@@ -3376,19 +3379,19 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
 .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 0.4em 0 2.8em;
+  padding: 0 0.4em 0 2em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
   float: left;
-  margin: 1px 0 0 12px;
+  margin: 1px 0 0 15px;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv,
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 0.4em 0 2.8em;
+  padding: 0 0.4em 0 2em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
@@ -3408,7 +3411,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 10px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 2px 8px 0 0;
+  margin: 2px 8px 0 2px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
   margin-left: -2px;
@@ -3418,7 +3421,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -10px 2px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
-  padding: 0 25px 0 0.7em;
+  padding: 0 1.6em 0 1.2em;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;
@@ -3426,7 +3429,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
   float: left;
-  margin: 1px 0 0 12px;
+  margin: 1px 0 0 15px;
 }
 .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
   float: left;

package/styles/fabric-dark.css

@@ -2319,6 +2319,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 0 0 1em;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 16px;
@@ -2350,8 +2353,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 0 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[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .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;
@@ -3344,7 +3347,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -21px 3px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
-  padding: 0 25px 0 0.7em;
+  padding: 0 1.6em 0 1.2em;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;

package/styles/fabric.css

@@ -1978,7 +1978,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-weight: normal;
   height: 29px;
   line-height: 29px;
-  padding: 0 1px 0;
+  padding: 0 9px 0 1px;
   margin: 0;
   overflow: hidden;
   text-align: left;
@@ -2318,6 +2318,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 0 0 1em;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 16px;
@@ -2347,16 +2350,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 25px 0 0;
+  padding: 0 9px 0 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[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .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;
+  padding: 0 9px 0 0;
 }
 .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 0 0 0;
@@ -3333,7 +3336,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 10px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 8px -10px 0 0;
+  margin: 8px -5px 0 0;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
   margin-left: -5px;
@@ -3343,7 +3346,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -21px 3px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
-  padding: 0 25px 0 0.7em;
+  padding: 0 1.6em 0 1.2em;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;
@@ -3378,7 +3381,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -17px 17px;
 }
 .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -20px 0 0 10px;
+  margin: -20px 16px 0 10px;
 }
 .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
   margin: -20px 0 0 14px;