@syncfusion/ej2-angular-grids 20.4.53 → 20.4.54-ngcc

package/src/grid/aggregate-columns.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * `e-aggregate->e-column` directive represent a aggregate column of the Angular Grid.
  * ```html
@@ -102,8 +101,6 @@ export declare class AggregateColumnDirective extends ComplexBase<AggregateColum
      */
     groupCaptionTemplate: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<AggregateColumnDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AggregateColumnDirective, "ejs-grid>e-aggregates>e-aggregate>e-columns>e-column", never, { "columnName": "columnName"; "customAggregate": "customAggregate"; "field": "field"; "footerTemplate": "footerTemplate"; "format": "format"; "groupCaptionTemplate": "groupCaptionTemplate"; "groupFooterTemplate": "groupFooterTemplate"; "type": "type"; }, {}, ["footerTemplate", "groupFooterTemplate", "groupCaptionTemplate"]>;
 }
 /**
  * AggregateColumn Array Directive
@@ -111,6 +108,4 @@ export declare class AggregateColumnDirective extends ComplexBase<AggregateColum
  */
 export declare class AggregateColumnsDirective extends ArrayBase<AggregateColumnsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<AggregateColumnsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AggregateColumnsDirective, "ejs-grid>e-aggregates>e-aggregate>e-columns", never, {}, {}, ["children"]>;
 }

package/src/grid/aggregates.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * `e-aggregate` directive represent a aggregate row of the Angular Grid.
  * It must be contained in a Grid component(`ejs-grid`).
@@ -31,8 +30,6 @@ export declare class AggregateDirective extends ComplexBase<AggregateDirective>
      */
     columns: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<AggregateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AggregateDirective, "ejs-grid>e-aggregates>e-aggregate", never, { "columns": "columns"; }, {}, ["childColumns"]>;
 }
 /**
  * Aggregate Array Directive
@@ -40,6 +37,4 @@ export declare class AggregateDirective extends ComplexBase<AggregateDirective>
  */
 export declare class AggregatesDirective extends ArrayBase<AggregatesDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<AggregatesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AggregatesDirective, "ejs-grid>e-aggregates", never, {}, {}, ["children"]>;
 }

package/src/grid/columns.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * `e-column` directive represent a column of the Angular Grid.
  * It must be contained in a Grid component(`ejs-grid`).
@@ -450,8 +449,6 @@ export declare class ColumnDirective extends ComplexBase<ColumnDirective> {
      */
     filterTemplate: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnDirective, "ejs-grid>e-columns>e-column", never, { "allowEditing": "allowEditing"; "allowFiltering": "allowFiltering"; "allowGrouping": "allowGrouping"; "allowReordering": "allowReordering"; "allowResizing": "allowResizing"; "allowSearching": "allowSearching"; "allowSorting": "allowSorting"; "autoFit": "autoFit"; "clipMode": "clipMode"; "columns": "columns"; "commands": "commands"; "customAttributes": "customAttributes"; "dataSource": "dataSource"; "defaultValue": "defaultValue"; "disableHtmlEncode": "disableHtmlEncode"; "displayAsCheckBox": "displayAsCheckBox"; "edit": "edit"; "editTemplate": "editTemplate"; "editType": "editType"; "enableGroupByFormat": "enableGroupByFormat"; "field": "field"; "filter": "filter"; "filterBarTemplate": "filterBarTemplate"; "filterTemplate": "filterTemplate"; "foreignKeyField": "foreignKeyField"; "foreignKeyValue": "foreignKeyValue"; "format": "format"; "formatter": "formatter"; "freeze": "freeze"; "headerTemplate": "headerTemplate"; "headerText": "headerText"; "headerTextAlign": "headerTextAlign"; "headerValueAccessor": "headerValueAccessor"; "hideAtMedia": "hideAtMedia"; "index": "index"; "isFrozen": "isFrozen"; "isIdentity": "isIdentity"; "isPrimaryKey": "isPrimaryKey"; "lockColumn": "lockColumn"; "maxWidth": "maxWidth"; "minWidth": "minWidth"; "showColumnMenu": "showColumnMenu"; "showInColumnChooser": "showInColumnChooser"; "sortComparer": "sortComparer"; "template": "template"; "textAlign": "textAlign"; "type": "type"; "uid": "uid"; "validationRules": "validationRules"; "valueAccessor": "valueAccessor"; "visible": "visible"; "width": "width"; }, {}, ["template", "headerTemplate", "commandsTemplate", "filter_itemTemplate", "editTemplate", "filterTemplate", "childColumns"]>;
 }
 /**
  * Column Array Directive
@@ -459,6 +456,4 @@ export declare class ColumnDirective extends ComplexBase<ColumnDirective> {
  */
 export declare class ColumnsDirective extends ArrayBase<ColumnsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnsDirective, "ejs-grid>e-columns", never, {}, {}, ["children"]>;
 }

package/src/grid/grid-all.module.d.ts

@@ -1,7 +1,4 @@
 import { ValueProvider } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./grid.module";
 export declare const FilterService: ValueProvider;
 export declare const PageService: ValueProvider;
 export declare const SelectionService: ValueProvider;
@@ -30,7 +27,4 @@ export declare const LazyLoadGroupService: ValueProvider;
  * NgModule definition for the Grid component with providers.
  */
 export declare class GridAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<GridAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GridAllModule, never, [typeof i1.CommonModule, typeof i2.GridModule], [typeof i2.GridModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<GridAllModule>;
 }

package/src/grid/grid.component.d.ts

@@ -3,7 +3,6 @@ import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Grid } from '@syncfusion/ej2-grids';
 import { ColumnsDirective } from './columns.directive';
 import { AggregatesDirective } from './aggregates.directive';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -140,6 +139,4 @@ export declare class GridComponent extends Grid implements IComponentBase {
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "ejs-grid", never, { "aggregates": "aggregates"; "allowExcelExport": "allowExcelExport"; "allowFiltering": "allowFiltering"; "allowGrouping": "allowGrouping"; "allowKeyboard": "allowKeyboard"; "allowMultiSorting": "allowMultiSorting"; "allowPaging": "allowPaging"; "allowPdfExport": "allowPdfExport"; "allowReordering": "allowReordering"; "allowResizing": "allowResizing"; "allowRowDragAndDrop": "allowRowDragAndDrop"; "allowSelection": "allowSelection"; "allowSorting": "allowSorting"; "allowTextWrap": "allowTextWrap"; "childGrid": "childGrid"; "clipMode": "clipMode"; "columnChooserSettings": "columnChooserSettings"; "columnMenuItems": "columnMenuItems"; "columnQueryMode": "columnQueryMode"; "columns": "columns"; "contextMenuItems": "contextMenuItems"; "cssClass": "cssClass"; "currencyCode": "currencyCode"; "currentAction": "currentAction"; "dataSource": "dataSource"; "detailTemplate": "detailTemplate"; "editSettings": "editSettings"; "ej2StatePersistenceVersion": "ej2StatePersistenceVersion"; "enableAdaptiveUI": "enableAdaptiveUI"; "enableAltRow": "enableAltRow"; "enableAutoFill": "enableAutoFill"; "enableColumnVirtualization": "enableColumnVirtualization"; "enableHeaderFocus": "enableHeaderFocus"; "enableHover": "enableHover"; "enableImmutableMode": "enableImmutableMode"; "enableInfiniteScrolling": "enableInfiniteScrolling"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableStickyHeader": "enableStickyHeader"; "enableVirtualMaskRow": "enableVirtualMaskRow"; "enableVirtualization": "enableVirtualization"; "filterSettings": "filterSettings"; "frozenColumns": "frozenColumns"; "frozenRows": "frozenRows"; "gridLines": "gridLines"; "groupSettings": "groupSettings"; "height": "height"; "hierarchyPrintMode": "hierarchyPrintMode"; "infiniteScrollSettings": "infiniteScrollSettings"; "loadingIndicator": "loadingIndicator"; "locale": "locale"; "pageSettings": "pageSettings"; "pagerTemplate": "pagerTemplate"; "parentDetails": "parentDetails"; "printMode": "printMode"; "query": "query"; "queryString": "queryString"; "resizeSettings": "resizeSettings"; "rowDropSettings": "rowDropSettings"; "rowHeight": "rowHeight"; "rowRenderingMode": "rowRenderingMode"; "rowTemplate": "rowTemplate"; "searchSettings": "searchSettings"; "selectedRowIndex": "selectedRowIndex"; "selectionSettings": "selectionSettings"; "showColumnChooser": "showColumnChooser"; "showColumnMenu": "showColumnMenu"; "sortSettings": "sortSettings"; "textWrapSettings": "textWrapSettings"; "toolbar": "toolbar"; "toolbarTemplate": "toolbarTemplate"; "width": "width"; }, { "actionBegin": "actionBegin"; "actionComplete": "actionComplete"; "actionFailure": "actionFailure"; "batchAdd": "batchAdd"; "batchCancel": "batchCancel"; "batchDelete": "batchDelete"; "beforeAutoFill": "beforeAutoFill"; "beforeBatchAdd": "beforeBatchAdd"; "beforeBatchDelete": "beforeBatchDelete"; "beforeBatchSave": "beforeBatchSave"; "beforeCopy": "beforeCopy"; "beforeDataBound": "beforeDataBound"; "beforeExcelExport": "beforeExcelExport"; "beforeOpenAdaptiveDialog": "beforeOpenAdaptiveDialog"; "beforeOpenColumnChooser": "beforeOpenColumnChooser"; "beforePaste": "beforePaste"; "beforePdfExport": "beforePdfExport"; "beforePrint": "beforePrint"; "beginEdit": "beginEdit"; "cellDeselected": "cellDeselected"; "cellDeselecting": "cellDeselecting"; "cellEdit": "cellEdit"; "cellSave": "cellSave"; "cellSaved": "cellSaved"; "cellSelected": "cellSelected"; "cellSelecting": "cellSelecting"; "checkBoxChange": "checkBoxChange"; "columnDataStateChange": "columnDataStateChange"; "columnDeselected": "columnDeselected"; "columnDeselecting": "columnDeselecting"; "columnDrag": "columnDrag"; "columnDragStart": "columnDragStart"; "columnDrop": "columnDrop"; "columnMenuClick": "columnMenuClick"; "columnMenuOpen": "columnMenuOpen"; "columnSelected": "columnSelected"; "columnSelecting": "columnSelecting"; "commandClick": "commandClick"; "contextMenuClick": "contextMenuClick"; "contextMenuOpen": "contextMenuOpen"; "created": "created"; "dataBound": "dataBound"; "dataSourceChanged": "dataSourceChanged"; "dataStateChange": "dataStateChange"; "destroyed": "destroyed"; "detailDataBound": "detailDataBound"; "excelAggregateQueryCellInfo": "excelAggregateQueryCellInfo"; "excelExportComplete": "excelExportComplete"; "excelHeaderQueryCellInfo": "excelHeaderQueryCellInfo"; "excelQueryCellInfo": "excelQueryCellInfo"; "exportDetailDataBound": "exportDetailDataBound"; "exportGroupCaption": "exportGroupCaption"; "headerCellInfo": "headerCellInfo"; "keyPressed": "keyPressed"; "lazyLoadGroupCollapse": "lazyLoadGroupCollapse"; "lazyLoadGroupExpand": "lazyLoadGroupExpand"; "load": "load"; "pdfAggregateQueryCellInfo": "pdfAggregateQueryCellInfo"; "pdfExportComplete": "pdfExportComplete"; "pdfHeaderQueryCellInfo": "pdfHeaderQueryCellInfo"; "pdfQueryCellInfo": "pdfQueryCellInfo"; "printComplete": "printComplete"; "queryCellInfo": "queryCellInfo"; "recordClick": "recordClick"; "recordDoubleClick": "recordDoubleClick"; "resizeStart": "resizeStart"; "resizeStop": "resizeStop"; "resizing": "resizing"; "rowDataBound": "rowDataBound"; "rowDeselected": "rowDeselected"; "rowDeselecting": "rowDeselecting"; "rowDrag": "rowDrag"; "rowDragStart": "rowDragStart"; "rowDragStartHelper": "rowDragStartHelper"; "rowDrop": "rowDrop"; "rowSelected": "rowSelected"; "rowSelecting": "rowSelecting"; "toolbarClick": "toolbarClick"; "dataSourceChange": "dataSourceChange"; }, ["rowTemplate", "detailTemplate", "toolbarTemplate", "pagerTemplate", "editSettings_template", "groupSettings_captionTemplate", "childColumns", "childAggregates"], never>;
 }

package/src/grid/grid.module.d.ts

@@ -1,15 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./grid.component";
-import * as i2 from "./stacked-column.directive";
-import * as i3 from "./columns.directive";
-import * as i4 from "./aggregate-columns.directive";
-import * as i5 from "./aggregates.directive";
-import * as i6 from "@angular/common";
 /**
  * NgModule definition for the Grid component.
  */
 export declare class GridModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<GridModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GridModule, [typeof i1.GridComponent, typeof i2.StackedColumnDirective, typeof i2.StackedColumnsDirective, typeof i3.ColumnDirective, typeof i3.ColumnsDirective, typeof i4.AggregateColumnDirective, typeof i4.AggregateColumnsDirective, typeof i5.AggregateDirective, typeof i5.AggregatesDirective], [typeof i6.CommonModule], [typeof i1.GridComponent, typeof i2.StackedColumnDirective, typeof i2.StackedColumnsDirective, typeof i3.ColumnDirective, typeof i3.ColumnsDirective, typeof i4.AggregateColumnDirective, typeof i4.AggregateColumnsDirective, typeof i5.AggregateDirective, typeof i5.AggregatesDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<GridModule>;
 }

package/src/grid/stacked-column.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * `e-stacked-column` directive represent the stacked column of the Angular Grid.
  * It must be contained in a StackedColumns component(`e-stacked-columns`).
@@ -452,8 +451,6 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
      */
     filterTemplate: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<StackedColumnDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<StackedColumnDirective, "ejs-grid>e-columns>e-column>e-stacked-columns>e-stacked-column", never, { "allowEditing": "allowEditing"; "allowFiltering": "allowFiltering"; "allowGrouping": "allowGrouping"; "allowReordering": "allowReordering"; "allowResizing": "allowResizing"; "allowSearching": "allowSearching"; "allowSorting": "allowSorting"; "autoFit": "autoFit"; "clipMode": "clipMode"; "columns": "columns"; "commands": "commands"; "customAttributes": "customAttributes"; "dataSource": "dataSource"; "defaultValue": "defaultValue"; "disableHtmlEncode": "disableHtmlEncode"; "displayAsCheckBox": "displayAsCheckBox"; "edit": "edit"; "editTemplate": "editTemplate"; "editType": "editType"; "enableGroupByFormat": "enableGroupByFormat"; "field": "field"; "filter": "filter"; "filterBarTemplate": "filterBarTemplate"; "filterTemplate": "filterTemplate"; "foreignKeyField": "foreignKeyField"; "foreignKeyValue": "foreignKeyValue"; "format": "format"; "formatter": "formatter"; "freeze": "freeze"; "headerTemplate": "headerTemplate"; "headerText": "headerText"; "headerTextAlign": "headerTextAlign"; "headerValueAccessor": "headerValueAccessor"; "hideAtMedia": "hideAtMedia"; "index": "index"; "isFrozen": "isFrozen"; "isIdentity": "isIdentity"; "isPrimaryKey": "isPrimaryKey"; "lockColumn": "lockColumn"; "maxWidth": "maxWidth"; "minWidth": "minWidth"; "showColumnMenu": "showColumnMenu"; "showInColumnChooser": "showInColumnChooser"; "sortComparer": "sortComparer"; "template": "template"; "textAlign": "textAlign"; "type": "type"; "uid": "uid"; "validationRules": "validationRules"; "valueAccessor": "valueAccessor"; "visible": "visible"; "width": "width"; }, {}, ["template", "headerTemplate", "commandsTemplate", "filter_itemTemplate", "editTemplate", "filterTemplate"]>;
 }
 /**
  * StackedColumn Array Directive
@@ -461,6 +458,4 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
  */
 export declare class StackedColumnsDirective extends ArrayBase<StackedColumnsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<StackedColumnsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<StackedColumnsDirective, "ejs-grid>e-columns>e-column>e-stacked-columns", never, {}, {}, ["children"]>;
 }

package/src/pager/pager-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./pager.module";
 /**
  * NgModule definition for the Pager component with providers.
  */
 export declare class PagerAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PagerAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PagerAllModule, never, [typeof i1.CommonModule, typeof i2.PagerModule], [typeof i2.PagerModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PagerAllModule>;
 }

package/src/pager/pager.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Pager } from '@syncfusion/ej2-grids';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -37,6 +36,4 @@ export declare class PagerComponent extends Pager implements IComponentBase {
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PagerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PagerComponent, "ejs-pager", never, { "cssClass": "cssClass"; "currentPage": "currentPage"; "customText": "customText"; "enableExternalMessage": "enableExternalMessage"; "enablePagerMessage": "enablePagerMessage"; "enablePersistence": "enablePersistence"; "enableQueryString": "enableQueryString"; "enableRtl": "enableRtl"; "externalMessage": "externalMessage"; "locale": "locale"; "pageCount": "pageCount"; "pageSize": "pageSize"; "pageSizes": "pageSizes"; "template": "template"; "totalRecordsCount": "totalRecordsCount"; }, { "click": "click"; "created": "created"; "dropDownChanged": "dropDownChanged"; "currentPageChange": "currentPageChange"; "pageSizeChange": "pageSizeChange"; "pageCountChange": "pageCountChange"; "pageSizesChange": "pageSizesChange"; }, ["template"], never>;
 }

package/src/pager/pager.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./pager.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the Pager component.
  */
 export declare class PagerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PagerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PagerModule, [typeof i1.PagerComponent], [typeof i2.CommonModule], [typeof i1.PagerComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PagerModule>;
 }

package/styles/bootstrap-dark.css

@@ -976,6 +976,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
   margin: -30px 16px -30px 0;
 }
+.e-bigger .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv,
+.e-grid.e-bigger.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
+  padding: 0 0.35em 0 0.3em;
+}
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-grid .e-wrap .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -2131,6 +2135,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   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;
+}
 .e-grid .e-filtermenudiv {
   float: right;
   margin: -20px -7px;
@@ -2197,10 +2204,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -29px -11px 0 0;
 }
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
-  margin: 3px 2px 0 5px;
+  margin: 3px 2px 0 20px;
 }
 .e-grid.e-wrap .e-gridheader .e-sortnumber {
-  margin: 3px 5px 0 2px;
+  margin: 3px -3px 0 2px;
 }
 .e-grid.e-wrap .e-gridheader .e-sortfilterdiv {
   margin: -9px 10px;
@@ -2217,7 +2224,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 6px;
 }
 .e-grid.e-wrap .e-columnmenu {
-  margin: -15px -20px -20px -20px;
+  line-height: 10px;
 }
 .e-grid.e-rtl .e-columnmenu {
   left: 5px;
@@ -2225,7 +2232,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -20px -18px -18px 1px;
 }
 .e-grid.e-wrap.e-rtl .e-columnmenu {
-  margin: -15px -13px -23px -3px;
+  line-height: 10px;
 }
 .e-grid [class^=e-] {
   box-sizing: border-box;
@@ -3121,6 +3128,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
   margin: -5px -8px -5px 0;
 }
+.e-grid.e-rtl.e-wrap .e-columnheader .e-rightalign.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-headercelldiv {
+  height: auto;
+  margin-bottom: 2px;
+  margin-top: 0;
+}
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
   margin: -5px;
 }
@@ -3322,7 +3334,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -20px 0 -20px -36px;
   padding: 6px;
 }
-.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-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 {
   height: Auto;
   line-height: 18px;
   overflow-wrap: break-word;
@@ -3333,17 +3345,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
   max-height: 36px;
 }
-.e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv {
+.e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv {
   margin-bottom: 2px;
   margin-top: 0;
 }
-.e-grid.e-wrap .e-columnheader .e-filtermenudiv {
-  line-height: 18px;
+.e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
+  line-height: 10px;
 }
-.e-grid .e-columnheader.e-wrap .e-filtermenudiv {
-  line-height: 18px;
+.e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
+  line-height: 10px;
 }
-.e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
+.e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
   height: Auto;
   line-height: 18px;
   overflow-wrap: break-word;
@@ -3362,10 +3374,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -30px -5px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -24px 28px -29px 0;
+  margin: -30px 14px -29px 14px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon.e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon.e-rightalign .e-sortfilterdiv {
-  margin: -24px 0;
+  margin: -30px 14px;
 }
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
@@ -4295,7 +4307,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
   border-right-color: #9c9c9c;
 }
-.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: #393939;
   color: #f0f0f0;
 }

package/styles/bootstrap.css

@@ -977,6 +977,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
   margin: -30px 16px -30px 0;
 }
+.e-bigger .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv,
+.e-grid.e-bigger.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
+  padding: 0 0.35em 0 0.3em;
+}
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-grid .e-wrap .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -2132,6 +2136,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   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;
+}
 .e-grid .e-filtermenudiv {
   float: right;
   margin: -20px -7px;
@@ -2198,10 +2205,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -29px -11px 0 0;
 }
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
-  margin: 3px 2px 0 5px;
+  margin: 3px 2px 0 20px;
 }
 .e-grid.e-wrap .e-gridheader .e-sortnumber {
-  margin: 3px 5px 0 2px;
+  margin: 3px -3px 0 2px;
 }
 .e-grid.e-wrap .e-gridheader .e-sortfilterdiv {
   margin: -9px 10px;
@@ -2218,7 +2225,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 6px;
 }
 .e-grid.e-wrap .e-columnmenu {
-  margin: -15px -20px -20px -20px;
+  line-height: 10px;
 }
 .e-grid.e-rtl .e-columnmenu {
   left: 5px;
@@ -2226,7 +2233,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -20px -18px -18px 1px;
 }
 .e-grid.e-wrap.e-rtl .e-columnmenu {
-  margin: -15px -13px -23px -3px;
+  line-height: 10px;
 }
 .e-grid [class^=e-] {
   box-sizing: border-box;
@@ -3122,6 +3129,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
   margin: -5px -8px -5px 0;
 }
+.e-grid.e-rtl.e-wrap .e-columnheader .e-rightalign.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-headercelldiv {
+  height: auto;
+  margin-bottom: 2px;
+  margin-top: 0;
+}
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
   margin: -5px;
 }
@@ -3323,7 +3335,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -20px 0 -20px -36px;
   padding: 6px;
 }
-.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-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 {
   height: Auto;
   line-height: 18px;
   overflow-wrap: break-word;
@@ -3334,17 +3346,17 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
   max-height: 36px;
 }
-.e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv {
+.e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv {
   margin-bottom: 2px;
   margin-top: 0;
 }
-.e-grid.e-wrap .e-columnheader .e-filtermenudiv {
-  line-height: 18px;
+.e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
+  line-height: 10px;
 }
-.e-grid .e-columnheader.e-wrap .e-filtermenudiv {
-  line-height: 18px;
+.e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
+  line-height: 10px;
 }
-.e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
+.e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
   height: Auto;
   line-height: 18px;
   overflow-wrap: break-word;
@@ -3363,10 +3375,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -30px -5px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -24px 28px -29px 0;
+  margin: -30px 14px -29px 14px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon.e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon.e-rightalign .e-sortfilterdiv {
-  margin: -24px 0;
+  margin: -30px 14px;
 }
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
@@ -4296,7 +4308,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
   border-right-color: #317ab9;
 }
-.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: #f5f5f5;
   color: #333;
 }

package/styles/bootstrap4.css

@@ -1027,6 +1027,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
   margin: -30px 18px -31px 0;
 }
+.e-bigger .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv,
+.e-grid.e-bigger.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
+  padding: 0 0.35em 0 0.3em;
+}
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-bigger .e-grid .e-wrap .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -2191,6 +2195,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 20px 0 5px;
 }
+.e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
+  padding: 0 0.35em 0 0.3em;
+}
 .e-grid .e-filtermenudiv {
   float: right;
   margin: -19px -7px;
@@ -2257,7 +2264,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -28px -11px -5px -5px;
 }
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
-  margin: 3px 2px 0 10px;
+  margin: 3px 2px 0 25px;
 }
 .e-grid.e-wrap .e-gridheader .e-sortnumber {
   margin: 3px 5px 0 2px;
@@ -2277,7 +2284,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 6px;
 }
 .e-grid.e-wrap .e-columnmenu {
-  margin: -19px -20px -20px -20px;
+  line-height: 3px;
 }
 .e-grid.e-rtl .e-columnmenu {
   left: 23px;
@@ -2285,7 +2292,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -19px -18px -18px -22px;
 }
 .e-grid.e-wrap.e-rtl .e-columnmenu {
-  margin: -17px -13px -23px -25px;
+  line-height: 3px;
 }
 .e-grid [class^=e-] {
   box-sizing: border-box;
@@ -3183,6 +3190,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
   margin: -5px -12px -5px 0;
 }
+.e-grid.e-rtl.e-wrap .e-columnheader .e-rightalign.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-columnheader.e-wrap .e-rightalign.e-fltr-icon .e-headercelldiv {
+  height: auto;
+  margin-bottom: 2px;
+  margin-top: 0;
+}
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
   margin: -5px;
 }
@@ -3385,7 +3397,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -19px 0 -20px -36px;
   padding: 6px;
 }
-.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-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 {
   height: Auto;
   line-height: 21px;
   overflow-wrap: break-word;
@@ -3396,19 +3408,19 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-wrap .e-stackedheader .e-columnheader .e-stackedheadercelldiv, .e-grid.e-wrap .e-stackedheader .e-columnheader .e-headercelldiv {
   max-height: 36px;
 }
-.e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv {
+.e-grid.e-wrap .e-columnheader .e-headercelldiv, .e-grid.e-wrap .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv {
   margin-bottom: 2px;
   margin-top: 0;
 }
-.e-grid.e-wrap .e-columnheader .e-filtermenudiv {
-  line-height: 18px;
+.e-grid.e-wrap .e-columnheader .e-filtermenudiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv .e-filtermenudiv {
+  line-height: 3px;
 }
-.e-grid .e-columnheader.e-wrap .e-filtermenudiv {
-  line-height: 18px;
+.e-grid .e-columnheader.e-wrap .e-filtermenudiv, .e-grid .e-columnheader.e-wrap .e-sortfilterdiv.e-filtermenudiv {
+  line-height: 3px;
 }
-.e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
+.e-grid .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-headercell.e-fltr-icon .e-headercelldiv, .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv, .e-grid .e-gridcontent.e-wrap .e-rowcell, .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
   height: Auto;
-  line-height: 18px;
+  line-height: 21px;
   overflow-wrap: break-word;
   text-overflow: clip;
   white-space: normal;
@@ -3425,10 +3437,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -34px -5px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -27px 20px -29px 0;
+  margin: -35px 18px -29px 14px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon.e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon.e-rightalign .e-sortfilterdiv {
-  margin: -28px 0;
+  margin: -35px 14px;
 }
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
@@ -4359,7 +4371,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
   border-right-color: #6c757d;
 }
-.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: rgba(0, 0, 0, 0.08);
   color: #212529;
 }