@syncfusion/ej2-angular-grids 22.2.5-ngcc → 22.2.7-ngcc

package/CHANGELOG.md

@@ -6,6 +6,16 @@
 
 #### Bug fixes
 
+- `#I479266` - Resolved an issue where aggregates being displayed in the wrong column during Excel export.
+- `#I486035` - The issue regarding adding records using the index value when the selection is in the first row has been resolved.
+- `#I483149` - The problem of the `cssClass` property not supporting multiple classes has been resolved.
+
+## 22.2.5 (2023-07-27)
+
+### Grid
+
+#### Bug fixes
+
 - `#I477874` - The issue with the `foreignkey` column dropdown edit cell displaying incorrect values while editing different rows after scrolling has been successfully fixed when the `virtualization` feature is enabled in the grid.
 - `#I482022` - Pager information is wrong while dynamically changing the Grid width issue has been fixed.
 

package/dist/ej2-angular-grids.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-grids.umd.js
-*  version : 22.2.5
+*  version : 22.2.7
 *  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-angular-grids.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-grids.umd.min.js
-*  version : 22.2.5
+*  version : 22.2.7
 *  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-angular-grids@*",
-  "_id": "@syncfusion/ej2-angular-grids@22.1.39",
+  "_id": "@syncfusion/ej2-angular-grids@22.2.5",
   "_inBundle": false,
-  "_integrity": "sha512-M78hnJ1KkZCdgRZoldV0kbw/OUXOmurjrWInZTRT32n7Nqh8hhJDc+oxEQxUOPlccP2ApTPbZA4jAKPVGUUMTw==",
+  "_integrity": "sha512-kxZqFZEKuu3D2XaEkSzdgHpQtsokC4tz8HrREA8x70x82ALOiqF9eoIOg5vdutbKXsUqyF/Zo6EhsCr7+YIKlA==",
   "_location": "/@syncfusion/ej2-angular-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-22.1.39.tgz",
-  "_shasum": "533c114b78ca5677eff4242bf4de9a193cceaf44",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-22.2.5.tgz",
+  "_shasum": "d74632a80a9437d2fe72433f558a001ada972011",
   "_spec": "@syncfusion/ej2-angular-grids@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -33,7 +33,7 @@
   "dependencies": {
     "@syncfusion/ej2-angular-base": "~22.2.5",
     "@syncfusion/ej2-base": "~22.2.5",
-    "@syncfusion/ej2-grids": "22.2.5"
+    "@syncfusion/ej2-grids": "22.2.7"
   },
   "deprecated": false,
   "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for Angular",
@@ -58,5 +58,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-grids.d.ts",
-  "version": "22.2.5-ngcc"
+  "version": "22.2.7-ngcc"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-grids";
-export declare const pkgVer = "^22.1.39";
+export declare const pkgVer = "^22.2.5";
 export declare const moduleName = "GridModule, PagerModule";
-export declare const themeVer = "~22.1.39";
+export declare const themeVer = "~22.2.5";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-grids';
-exports.pkgVer = '^22.2.5';
+exports.pkgVer = '^22.2.7';
 exports.moduleName = 'GridModule, PagerModule';
-exports.themeVer = '~22.2.5';
+exports.themeVer = '~22.2.7';

package/schematics/utils/lib-details.ts

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

package/styles/grid/material3-dark.css

@@ -778,11 +778,11 @@
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-headercell .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-detailheadercell .e-sortfilterdiv {
-  margin: -16px 12px -12px -2px;
+  margin: -17px 12px -12px -2px;
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
-  margin: -16px 12px -12px -2px;
+  margin: -17px 12px -12px -2px;
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
@@ -1945,13 +1945,13 @@
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 20px;
-  margin: -12px -2px -12px 8px;
+  margin: -14px -2px -12px 8px;
   padding: 2px;
   width: 20px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv {
   float: left;
-  margin: -12px 8px -12px -2px;
+  margin: -14px 8px -12px -2px;
 }
 .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
 .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
@@ -1976,7 +1976,7 @@
 }
 .e-grid .e-filtermenudiv {
   float: right;
-  margin: -14px -2px -12px 8px;
+  margin: -15px -2px -12px 8px;
   padding: 2px;
   text-align: right;
 }
@@ -2034,10 +2034,10 @@
   margin: 0 2px 0 2px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 22px -12px 8px;
+  margin: -15px 22px -12px 8px;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 8px -12px -2px;
+  margin: -15px 8px -12px -2px;
 }
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
   margin: 3px 2px 0 10px;
@@ -2056,7 +2056,7 @@
   position: absolute;
   right: 23px;
   float: right;
-  margin: -14px -18px -12px 8px;
+  margin: -15px -18px -12px 8px;
   padding: 2px;
 }
 .e-grid.e-wrap .e-columnmenu {
@@ -2065,7 +2065,7 @@
 .e-grid.e-rtl .e-columnmenu {
   left: 23px;
   right: auto;
-  margin: -14px 8px -12px -16px;
+  margin: -15px 8px -12px -16px;
 }
 .e-grid.e-wrap.e-rtl .e-columnmenu {
   line-height: 18px;
@@ -2971,7 +2971,7 @@
 }
 .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv {
   float: left;
-  margin: -12px 8px -12px -2px;
+  margin: -13px 8px -12px -2px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv {
   margin-left: 10px;
@@ -3022,10 +3022,10 @@
   margin: -30px 17px;
 }
 .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 8px -13px 22px;
+  margin: -15px 8px -13px 22px;
 }
 .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 8px -12px 22px;
+  margin: -15px 8px -12px 22px;
 }
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
   margin: -5px;
@@ -3069,7 +3069,7 @@
   border-width: 1px 1px 1px 0;
 }
 .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
-  margin: -12px 8px -12px -2px;
+  margin: -13px 8px -12px -2px;
 }
 .e-grid.e-rtl .e-cloneproperties {
   border-width: 1px 1px 3px;
@@ -3237,7 +3237,7 @@
 }
 .e-grid.e-rtl .e-filtermenudiv {
   float: left;
-  margin: -14px 8px -12px -2px;
+  margin: -15px 8px -12px -2px;
   padding: 2px;
 }
 .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {

package/styles/grid/material3.css

@@ -834,11 +834,11 @@
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-headercell .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-detailheadercell .e-sortfilterdiv {
-  margin: -16px 12px -12px -2px;
+  margin: -17px 12px -12px -2px;
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
-  margin: -16px 12px -12px -2px;
+  margin: -17px 12px -12px -2px;
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
@@ -2001,13 +2001,13 @@
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 20px;
-  margin: -12px -2px -12px 8px;
+  margin: -14px -2px -12px 8px;
   padding: 2px;
   width: 20px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv {
   float: left;
-  margin: -12px 8px -12px -2px;
+  margin: -14px 8px -12px -2px;
 }
 .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
 .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
@@ -2032,7 +2032,7 @@
 }
 .e-grid .e-filtermenudiv {
   float: right;
-  margin: -14px -2px -12px 8px;
+  margin: -15px -2px -12px 8px;
   padding: 2px;
   text-align: right;
 }
@@ -2090,10 +2090,10 @@
   margin: 0 2px 0 2px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 22px -12px 8px;
+  margin: -15px 22px -12px 8px;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 8px -12px -2px;
+  margin: -15px 8px -12px -2px;
 }
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
   margin: 3px 2px 0 10px;
@@ -2112,7 +2112,7 @@
   position: absolute;
   right: 23px;
   float: right;
-  margin: -14px -18px -12px 8px;
+  margin: -15px -18px -12px 8px;
   padding: 2px;
 }
 .e-grid.e-wrap .e-columnmenu {
@@ -2121,7 +2121,7 @@
 .e-grid.e-rtl .e-columnmenu {
   left: 23px;
   right: auto;
-  margin: -14px 8px -12px -16px;
+  margin: -15px 8px -12px -16px;
 }
 .e-grid.e-wrap.e-rtl .e-columnmenu {
   line-height: 18px;
@@ -3027,7 +3027,7 @@
 }
 .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv {
   float: left;
-  margin: -12px 8px -12px -2px;
+  margin: -13px 8px -12px -2px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv {
   margin-left: 10px;
@@ -3078,10 +3078,10 @@
   margin: -30px 17px;
 }
 .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 8px -13px 22px;
+  margin: -15px 8px -13px 22px;
 }
 .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 8px -12px 22px;
+  margin: -15px 8px -12px 22px;
 }
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
   margin: -5px;
@@ -3125,7 +3125,7 @@
   border-width: 1px 1px 1px 0;
 }
 .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
-  margin: -12px 8px -12px -2px;
+  margin: -13px 8px -12px -2px;
 }
 .e-grid.e-rtl .e-cloneproperties {
   border-width: 1px 1px 3px;
@@ -3293,7 +3293,7 @@
 }
 .e-grid.e-rtl .e-filtermenudiv {
   float: left;
-  margin: -14px 8px -12px -2px;
+  margin: -15px 8px -12px -2px;
   padding: 2px;
 }
 .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {

package/styles/material3-dark.css

@@ -1306,11 +1306,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-headercell .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-detailheadercell .e-sortfilterdiv {
-  margin: -16px 12px -12px -2px;
+  margin: -17px 12px -12px -2px;
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
-  margin: -16px 12px -12px -2px;
+  margin: -17px 12px -12px -2px;
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
@@ -2473,13 +2473,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 20px;
-  margin: -12px -2px -12px 8px;
+  margin: -14px -2px -12px 8px;
   padding: 2px;
   width: 20px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv {
   float: left;
-  margin: -12px 8px -12px -2px;
+  margin: -14px 8px -12px -2px;
 }
 .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
 .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
@@ -2504,7 +2504,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-filtermenudiv {
   float: right;
-  margin: -14px -2px -12px 8px;
+  margin: -15px -2px -12px 8px;
   padding: 2px;
   text-align: right;
 }
@@ -2562,10 +2562,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 0 2px 0 2px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 22px -12px 8px;
+  margin: -15px 22px -12px 8px;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 8px -12px -2px;
+  margin: -15px 8px -12px -2px;
 }
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
   margin: 3px 2px 0 10px;
@@ -2584,7 +2584,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: absolute;
   right: 23px;
   float: right;
-  margin: -14px -18px -12px 8px;
+  margin: -15px -18px -12px 8px;
   padding: 2px;
 }
 .e-grid.e-wrap .e-columnmenu {
@@ -2593,7 +2593,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-columnmenu {
   left: 23px;
   right: auto;
-  margin: -14px 8px -12px -16px;
+  margin: -15px 8px -12px -16px;
 }
 .e-grid.e-wrap.e-rtl .e-columnmenu {
   line-height: 18px;
@@ -3499,7 +3499,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv {
   float: left;
-  margin: -12px 8px -12px -2px;
+  margin: -13px 8px -12px -2px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv {
   margin-left: 10px;
@@ -3550,10 +3550,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -30px 17px;
 }
 .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 8px -13px 22px;
+  margin: -15px 8px -13px 22px;
 }
 .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 8px -12px 22px;
+  margin: -15px 8px -12px 22px;
 }
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
   margin: -5px;
@@ -3597,7 +3597,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 1px 1px 1px 0;
 }
 .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
-  margin: -12px 8px -12px -2px;
+  margin: -13px 8px -12px -2px;
 }
 .e-grid.e-rtl .e-cloneproperties {
   border-width: 1px 1px 3px;
@@ -3765,7 +3765,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-filtermenudiv {
   float: left;
-  margin: -14px 8px -12px -2px;
+  margin: -15px 8px -12px -2px;
   padding: 2px;
 }
 .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {

package/styles/material3.css

@@ -1417,11 +1417,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-headercell .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-detailheadercell .e-sortfilterdiv {
-  margin: -16px 12px -12px -2px;
+  margin: -17px 12px -12px -2px;
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
-  margin: -16px 12px -12px -2px;
+  margin: -17px 12px -12px -2px;
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
@@ -2584,13 +2584,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 20px;
-  margin: -12px -2px -12px 8px;
+  margin: -14px -2px -12px 8px;
   padding: 2px;
   width: 20px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv {
   float: left;
-  margin: -12px 8px -12px -2px;
+  margin: -14px 8px -12px -2px;
 }
 .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
 .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
@@ -2615,7 +2615,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-filtermenudiv {
   float: right;
-  margin: -14px -2px -12px 8px;
+  margin: -15px -2px -12px 8px;
   padding: 2px;
   text-align: right;
 }
@@ -2673,10 +2673,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 0 2px 0 2px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 22px -12px 8px;
+  margin: -15px 22px -12px 8px;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 8px -12px -2px;
+  margin: -15px 8px -12px -2px;
 }
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
   margin: 3px 2px 0 10px;
@@ -2695,7 +2695,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: absolute;
   right: 23px;
   float: right;
-  margin: -14px -18px -12px 8px;
+  margin: -15px -18px -12px 8px;
   padding: 2px;
 }
 .e-grid.e-wrap .e-columnmenu {
@@ -2704,7 +2704,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-columnmenu {
   left: 23px;
   right: auto;
-  margin: -14px 8px -12px -16px;
+  margin: -15px 8px -12px -16px;
 }
 .e-grid.e-wrap.e-rtl .e-columnmenu {
   line-height: 18px;
@@ -3610,7 +3610,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv {
   float: left;
-  margin: -12px 8px -12px -2px;
+  margin: -13px 8px -12px -2px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv {
   margin-left: 10px;
@@ -3661,10 +3661,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -30px 17px;
 }
 .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 8px -13px 22px;
+  margin: -15px 8px -13px 22px;
 }
 .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -14px 8px -12px 22px;
+  margin: -15px 8px -12px 22px;
 }
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
   margin: -5px;
@@ -3708,7 +3708,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 1px 1px 1px 0;
 }
 .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
-  margin: -12px 8px -12px -2px;
+  margin: -13px 8px -12px -2px;
 }
 .e-grid.e-rtl .e-cloneproperties {
   border-width: 1px 1px 3px;
@@ -3876,7 +3876,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-filtermenudiv {
   float: left;
-  margin: -14px 8px -12px -2px;
+  margin: -15px 8px -12px -2px;
   padding: 2px;
 }
 .e-grid.e-wrap .e-rowcell, .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {