@syncfusion/ej2-angular-grids 26.1.42 → 26.2.4

package/CHANGELOG.md

@@ -6,6 +6,17 @@
 
 #### Bug fixes
 
+- `#I600715` - The issue where the column width set to "auto", would revert to its maximum width when resized has been resolved.
+- `#FB59210` - Border disappearance when `RowSpanning` in grid columns issue has been resolved.
+- `#I606869` - Inability to enable grid resize dynamically issue has been resolved.
+- `#I606503` - Resolved the script error that occurs when using `dialogTemplate` editing in both the parent and child grids.
+
+## 26.1.42 (2024-07-16)
+
+### Grid
+
+#### Bug fixes
+
 - `#I603505` - Resolved the issue where the keyboard interaction for `SelectAll` records not working properly.
 - `#I600155` - Resolved the issue where the script error is thrown when opening filter menu with filter template.
 - `#FB59205` - Unsubscribed `ResizeStop` event issue is resolved.

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-grids@*",
-  "_id": "@syncfusion/ej2-angular-grids@26.1.41",
+  "_id": "@syncfusion/ej2-angular-grids@26.1.42",
   "_inBundle": false,
-  "_integrity": "sha512-X3XFbVwG42M+qvtSC1Empe1yImsRbFldx4AjVE91spIGJsJZZ65ZhjwF2s5uNWofkEGqqIpm5BfJtDysZYX7UQ==",
+  "_integrity": "sha512-ygSTVBDB2/tRJVsFdalAkV1i5WyqIla54tABqalnyYaL9TZxveZFT7RIpE+R5ctbYknIHLQloZkCr8oQATdskg==",
   "_location": "/@syncfusion/ej2-angular-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-26.1.41.tgz",
-  "_shasum": "9bc1ee7d23eebd6869102ae2d0c716a0787ed0b8",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-26.1.42.tgz",
+  "_shasum": "66fd89842cf58b414fe4537b165885b7ed815fa0",
   "_spec": "@syncfusion/ej2-angular-grids@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/ivypackages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~26.1.41",
-    "@syncfusion/ej2-base": "~26.1.42",
-    "@syncfusion/ej2-grids": "26.1.42",
+    "@syncfusion/ej2-angular-base": "~26.2.4",
+    "@syncfusion/ej2-base": "~26.2.4",
+    "@syncfusion/ej2-grids": "26.2.4",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -72,5 +72,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-grids.d.ts",
-  "version": "26.1.42"
+  "version": "26.2.4"
 }

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-grids';
-export const pkgVer = '^26.1.41';
+export const pkgVer = '^26.1.42';
 export const moduleName = 'GridModule, PagerModule';
-export const themeVer = '~26.1.41';
+export const themeVer = '~26.1.42';

package/styles/bootstrap-dark.css

@@ -2018,6 +2018,11 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid .e-rightalign:not(.e-fltr-icon) .e-headercelldiv,
+.e-grid .e-leftalign:not(.e-fltr-icon) .e-headercelldiv,
+.e-grid .e-centeralign:not(.e-fltr-icon) .e-headercelldiv {
+  padding: 0 0.4em;
+}
 .e-grid .e-headercelldiv.e-headerchkcelldiv {
   overflow: visible;
 }
@@ -2323,7 +2328,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default tr th.e-detailheadercell:first-child {
   border-left-width: 0;
 }
-.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-addfreezefirstchildborder), .e-grid.e-default:not(.e-rtl) tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default:not(.e-rtl) tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
+.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder), .e-grid.e-default:not(.e-rtl) tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default:not(.e-rtl) tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
   border-left-width: 0;
 }
 .e-grid .e-filterbarcell .e-filtertext::-webkit-search-cancel-button,
@@ -2348,9 +2353,6 @@ 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;
@@ -2382,8 +2384,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]: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[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;
@@ -3376,7 +3378,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 1.6em 0 1.2em;
+  padding: 0 25px 0 0.7em;
 }
 .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;
@@ -3490,7 +3492,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-rowcell-lastchild, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {

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 6px 0 2px;
+  margin: 7px 0 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 2px 0 3px;
+  margin: 8px 0 0 12px;
 }
 .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 6px 0 2px;
+  margin: 7px 0 0 2px;
   width: 15px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
@@ -2018,6 +2018,11 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid .e-rightalign:not(.e-fltr-icon) .e-headercelldiv,
+.e-grid .e-leftalign:not(.e-fltr-icon) .e-headercelldiv,
+.e-grid .e-centeralign:not(.e-fltr-icon) .e-headercelldiv {
+  padding: 0 0.4em;
+}
 .e-grid .e-headercelldiv.e-headerchkcelldiv {
   overflow: visible;
 }
@@ -2323,7 +2328,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default tr th.e-detailheadercell:first-child {
   border-left-width: 0;
 }
-.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-addfreezefirstchildborder), .e-grid.e-default:not(.e-rtl) tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default:not(.e-rtl) tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
+.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder), .e-grid.e-default:not(.e-rtl) tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default:not(.e-rtl) tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
   border-left-width: 0;
 }
 .e-grid .e-filterbarcell .e-filtertext::-webkit-search-cancel-button,
@@ -2348,9 +2353,6 @@ 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;
@@ -2380,16 +2382,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 0.7em 0 0.4em;
+  padding: 0 1.8em 0 0.4em;
 }
-.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[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 0.7em 0 0.4em;
+  padding: 0 1.8em 0 0.4em;
 }
 .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 0.35em 0 0.3em;
@@ -2437,19 +2439,19 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 9px;
   height: 15px;
   line-height: 15px;
-  margin: 8px 10px 0 2px;
+  margin: 8px 8px 0 2px;
   width: 15px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 8px 10px 0 2px;
+  margin: 8px 8px 0 2px;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 8px 0 0 10px;
+  margin: 8px 0 0 20px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 8px 0 0 10px;
+  margin: 8px 0 0 20px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
   margin: -29px 20px -29px 0;
@@ -3366,7 +3368,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 2px;
+  margin: 8px -6px 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;
@@ -3376,7 +3378,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 1.6em 0 1.2em;
+  padding: 0 25px 0 0.7em;
 }
 .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;
@@ -3490,7 +3492,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-rowcell-lastchild, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {

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 8px 0 2px;
+  margin: 4px 5px 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 2px 0 4px;
+  margin: 4px 0 0 10px;
 }
 .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 8px 0 2px;
+  margin: 4px 5px 0 2px;
   width: 15px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
@@ -2072,6 +2072,11 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid .e-rightalign:not(.e-fltr-icon) .e-headercelldiv,
+.e-grid .e-leftalign:not(.e-fltr-icon) .e-headercelldiv,
+.e-grid .e-centeralign:not(.e-fltr-icon) .e-headercelldiv {
+  padding: 0 0.4em;
+}
 .e-grid .e-headercelldiv.e-headerchkcelldiv {
   overflow: visible;
 }
@@ -2377,7 +2382,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default tr th.e-detailheadercell:first-child {
   border-left-width: 0;
 }
-.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-addfreezefirstchildborder), .e-grid.e-default:not(.e-rtl) tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default:not(.e-rtl) tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
+.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder), .e-grid.e-default:not(.e-rtl) tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default:not(.e-rtl) tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
   border-left-width: 0;
 }
 .e-grid .e-filterbarcell .e-filtertext::-webkit-search-cancel-button,
@@ -2402,9 +2407,6 @@ 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;
@@ -2434,16 +2436,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 10px 0 5px;
+  padding: 0 20px 0 5px;
 }
-.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[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 10px 0 5px;
+  padding: 0 20px 0 5px;
 }
 .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 0.35em 0 0.3em;
@@ -2491,19 +2493,19 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 9px;
   height: 15px;
   line-height: 16px;
-  margin: 2px 0 0 0;
+  margin: 2px -6px 0 0;
   width: 15px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 2px 0 0 0;
+  margin: 2px -6px 0 0;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 2px 8px 0 4px;
+  margin: 2px 8px 0 8px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 2px 8px 0 4px;
+  margin: 2px 8px 0 8px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
   margin: -28px 10px -29px 0;
@@ -3421,7 +3423,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 2px;
+  margin: 2px -2px 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;
@@ -3431,7 +3433,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 1.6em 0 1.2em;
+  padding: 0 25px 0 0.7em;
 }
 .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;
@@ -3546,7 +3548,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-rowcell-lastchild, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {

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 0;
+  margin: 2px 4px 0 -6px;
 }
 .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 -11px;
+  margin: 2px 4px 0 -6px;
 }
 .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 11px;
+  margin: 2px 0 0 4px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
 .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
@@ -2063,6 +2063,11 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid .e-rightalign:not(.e-fltr-icon) .e-headercelldiv,
+.e-grid .e-leftalign:not(.e-fltr-icon) .e-headercelldiv,
+.e-grid .e-centeralign:not(.e-fltr-icon) .e-headercelldiv {
+  padding: 0 0.4em;
+}
 .e-grid .e-headercelldiv.e-headerchkcelldiv {
   overflow: visible;
 }
@@ -2368,7 +2373,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default tr th.e-detailheadercell:first-child {
   border-left-width: 0;
 }
-.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-addfreezefirstchildborder), .e-grid.e-default:not(.e-rtl) tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default:not(.e-rtl) tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
+.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder), .e-grid.e-default:not(.e-rtl) tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default:not(.e-rtl) tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
   border-left-width: 0;
 }
 .e-grid .e-filterbarcell .e-filtertext::-webkit-search-cancel-button,
@@ -2393,9 +2398,6 @@ 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;
@@ -2425,10 +2427,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 10px 0 5px;
+  padding: 0 20px 0 5px;
 }
-.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[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;
@@ -3379,19 +3381,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 2em;
+  padding: 0 0.4em 0 2.8em;
   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 15px;
+  margin: 1px 0 0 12px;
 }
 .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 2em;
+  padding: 0 0.4em 0 2.8em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
@@ -3411,7 +3413,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 2px;
+  margin: 2px 8px 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: -2px;
@@ -3421,7 +3423,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 1.6em 0 1.2em;
+  padding: 0 25px 0 0.7em;
 }
 .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;
@@ -3429,7 +3431,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 15px;
+  margin: 1px 0 0 12px;
 }
 .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
   float: left;
@@ -3535,7 +3537,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-rowcell-lastchild, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {

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 0;
+  margin: 2px 4px 0 -6px;
 }
 .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 -11px;
+  margin: 2px 4px 0 -6px;
 }
 .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 11px;
+  margin: 2px 0 0 4px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
 .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
@@ -2063,6 +2063,11 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid .e-rightalign:not(.e-fltr-icon) .e-headercelldiv,
+.e-grid .e-leftalign:not(.e-fltr-icon) .e-headercelldiv,
+.e-grid .e-centeralign:not(.e-fltr-icon) .e-headercelldiv {
+  padding: 0 0.4em;
+}
 .e-grid .e-headercelldiv.e-headerchkcelldiv {
   overflow: visible;
 }
@@ -2368,7 +2373,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default tr th.e-detailheadercell:first-child {
   border-left-width: 0;
 }
-.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-addfreezefirstchildborder), .e-grid.e-default:not(.e-rtl) tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default:not(.e-rtl) tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
+.e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder), .e-grid.e-default:not(.e-rtl) tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default:not(.e-rtl) tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
   border-left-width: 0;
 }
 .e-grid .e-filterbarcell .e-filtertext::-webkit-search-cancel-button,
@@ -2393,9 +2398,6 @@ 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;
@@ -2425,10 +2427,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 10px 0 5px;
+  padding: 0 20px 0 5px;
 }
-.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[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;
@@ -3379,19 +3381,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 2em;
+  padding: 0 0.4em 0 2.8em;
   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 15px;
+  margin: 1px 0 0 12px;
 }
 .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 2em;
+  padding: 0 0.4em 0 2.8em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
@@ -3411,7 +3413,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 2px;
+  margin: 2px 8px 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: -2px;
@@ -3421,7 +3423,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 1.6em 0 1.2em;
+  padding: 0 25px 0 0.7em;
 }
 .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;
@@ -3429,7 +3431,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 15px;
+  margin: 1px 0 0 12px;
 }
 .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
   float: left;
@@ -3535,7 +3537,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-rowcell-lastchild, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {