@syncfusion/ej2-angular-grids 26.1.35 → 26.1.38

package/CHANGELOG.md

@@ -4,6 +4,22 @@
 
 ### Grid
 
+#### Bug fixes
+
+- `#I587156` - Resolved the issue where `enableVirtualization` grid becomes blank when sorting after scroll to bottom of grid.
+- `#I589142` - Resolved the issue where first selected record only deleted in `enableVirtualization` grid.
+- `#F188307` - Resolved the issue While adding the new record with `pageSizes` a new page is not created.
+- `#I594931` - Resolved the issue where the script error throws when adding the custom toolbar item dynamically.
+- `#I595192` - Resolved the issue where the script error throws when search is aligned left in toolbar with `AdaptiveUI`.
+- `#I586042` - The issue with support for `on-demand` in Excel and checkbox filtering for Adaptive UI has been resolved.
+- `#I594278` - Resolved the issue with persist selection not working properly when using `RowDragandDrop` with remote data.
+- `#FB57053` - Resolved the issue with `enableQueryString` in `pageSettings`.
+- `#I590873` - Implemented tab key navigation functionality with the command column.
+
+## 26.1.35 (2024-06-11)
+
+### Grid
+
 #### Features
 
 - `#FB3775` - The `ODataV4` functionality has been enhanced, enabling you to invoke custom URLs for data fetching and CRUD actions.

package/package.json

@@ -2,7 +2,7 @@
   "_from": "@syncfusion/ej2-angular-grids@*",
   "_id": "@syncfusion/ej2-angular-grids@26.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-qPHBcyKGgg/+q/zWfmUdtkXHU5O7S7gGCj3/ldT39xKxDlqe+r/EzsLD7RPWO7gqGVxZugeQzP0hD6P9CN1lUQ==",
+  "_integrity": "sha512-AIfnk7L/dHqgZb5EpZ+Jh4hkEI1fJB3rz4DE/vLD06hqBrE60UKOeC5Lylei6naz/7FzQMd0ywITKoMSRJUAoQ==",
   "_location": "/@syncfusion/ej2-angular-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-release/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-26.1.35.tgz",
-  "_shasum": "ae632d482870bd8cf352f82e02bd08d053f7ed0b",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-26.1.35.tgz",
+  "_shasum": "2a43320f6f1ee81007e6ca251a3c2d97fa022dab",
   "_spec": "@syncfusion/ej2-angular-grids@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/ivypackages/included",
   "author": {
@@ -32,8 +32,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-angular-base": "~26.1.35",
-    "@syncfusion/ej2-base": "~26.1.35",
-    "@syncfusion/ej2-grids": "26.1.35",
+    "@syncfusion/ej2-base": "~26.1.37",
+    "@syncfusion/ej2-grids": "26.1.38",
     "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.35"
+  "version": "26.1.38"
 }

package/schematics/collection.json

@@ -5,16 +5,6 @@
       "description": "Adds Essential JS 2 specific Angular package to an application",
       "factory": "./ng-add",
       "schema": "./ng-add/schema.json"
-    },
-    "grid-default": {
-      "description": "Create an Angular component with EJ2 grid",
-      "factory": "./generators/grid-default",
-      "schema": "./generators/grid-default/schema.json"
-    },
-    "grid-feature": {
-      "description": "Create an Angular component with EJ2 grid with paging, filtering, grouping, sorting feature",
-      "factory": "./generators/grid-feature",
-      "schema": "./generators/grid-feature/schema.json"
     }
   }
 }

package/styles/bootstrap-dark.css

@@ -4057,7 +4057,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid-min-height .e-gridcontent .e-groupcaption {
   line-height: normal;
-  padding: 0.7em;
+  padding: 0 0.7em;
 }
 .e-grid-min-height .e-summarycell {
   line-height: normal;
@@ -4627,11 +4627,40 @@ li.e-separator.e-menu-item.e-excel-separator {
   min-height: 160px;
   overflow-y: auto;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
+  border-top-style: solid;
+  border-top-color: rgba(149, 149, 149, 0.12);
+  border-top-width: 1px;
+  margin-top: 0;
+  overflow-x: hidden;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
   padding-bottom: 9px;
   padding-top: 9px;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
+  height: 1px;
+  opacity: 0;
+  width: 1px;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
+  display: inline-block;
+  height: 10px;
+  width: 80%;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
+  width: 13px;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
+  margin-left: 8px;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
   padding: 8px;
@@ -4645,7 +4674,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
   padding-left: 0;
 }
-.e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
+.e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
   margin-left: -7px;
 }
@@ -4885,6 +4915,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
   border-color: #484848;
 }
+.e-grid .e-headercell,
+.e-grid .e-detailheadercell,
 .e-grid .e-gridcontent {
   background-color: #1a1a1a;
 }

package/styles/bootstrap.css

@@ -4057,7 +4057,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid-min-height .e-gridcontent .e-groupcaption {
   line-height: normal;
-  padding: 0.7em;
+  padding: 0 0.7em;
 }
 .e-grid-min-height .e-summarycell {
   line-height: normal;
@@ -4627,11 +4627,40 @@ li.e-separator.e-menu-item.e-excel-separator {
   min-height: 160px;
   overflow-y: auto;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
+  border-top-style: solid;
+  border-top-color: rgba(230, 230, 230, 0.12);
+  border-top-width: 1px;
+  margin-top: 0;
+  overflow-x: hidden;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
   padding-bottom: 9px;
   padding-top: 9px;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
+  height: 1px;
+  opacity: 0;
+  width: 1px;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
+  display: inline-block;
+  height: 10px;
+  width: 80%;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
+  width: 13px;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
+  margin-left: 8px;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
   padding: 8px;
@@ -4645,7 +4674,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
   padding-left: 0;
 }
-.e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
+.e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
   margin-left: -7px;
 }
@@ -4885,6 +4915,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
   border-color: #ddd;
 }
+.e-grid .e-headercell,
+.e-grid .e-detailheadercell,
 .e-grid .e-gridcontent {
   background-color: #fff;
 }

package/styles/bootstrap4.css

@@ -4118,7 +4118,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid-min-height .e-gridcontent .e-groupcaption {
   line-height: normal;
-  padding: 0.7em;
+  padding: 0 0.7em;
 }
 .e-grid-min-height .e-summarycell {
   line-height: normal;
@@ -4689,11 +4689,40 @@ li.e-separator.e-menu-item.e-excel-separator {
   min-height: 160px;
   overflow-y: auto;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
+  border-top-style: solid;
+  border-top-color: rgba(108, 117, 125, 0.12);
+  border-top-width: 1px;
+  margin-top: 0;
+  overflow-x: hidden;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
   padding-bottom: 9px;
   padding-top: 9px;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
+  height: 1px;
+  opacity: 0;
+  width: 1px;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
+  display: inline-block;
+  height: 10px;
+  width: 80%;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
+  width: 13px;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
+  margin-left: 8px;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
   padding: 8px;
@@ -4707,7 +4736,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
   padding-left: 0;
 }
-.e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
+.e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
   margin-left: -7px;
 }
@@ -4948,6 +4978,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
   border-color: #dee2e6;
 }
+.e-grid .e-headercell,
+.e-grid .e-detailheadercell,
 .e-grid .e-gridcontent {
   background-color: #fff;
 }

package/styles/bootstrap5-dark.css

@@ -4110,7 +4110,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid-min-height .e-gridcontent .e-groupcaption {
   line-height: normal;
-  padding: 0.7em;
+  padding: 0 0.7em;
 }
 .e-grid-min-height .e-summarycell {
   line-height: normal;
@@ -4688,11 +4688,40 @@ li.e-separator.e-menu-item.e-excel-separator {
   min-height: 160px;
   overflow-y: auto;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
+  border-top-style: solid;
+  border-top-color: rgba(233, 236, 239, 0.12);
+  border-top-width: 1px;
+  margin-top: 0;
+  overflow-x: hidden;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
   padding-bottom: 9px;
   padding-top: 9px;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
+  height: 1px;
+  opacity: 0;
+  width: 1px;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
+  display: inline-block;
+  height: 10px;
+  width: 80%;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
+  width: 13px;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
+  margin-left: 8px;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
   padding: 8px;
@@ -4706,7 +4735,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
   padding-left: 0;
 }
-.e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
+.e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
   margin-left: -7px;
 }
@@ -4950,6 +4980,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
   border-color: #444c54;
 }
+.e-grid .e-headercell,
+.e-grid .e-detailheadercell,
 .e-grid .e-gridcontent {
   background-color: #212529;
 }

package/styles/bootstrap5.css

@@ -4110,7 +4110,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid-min-height .e-gridcontent .e-groupcaption {
   line-height: normal;
-  padding: 0.7em;
+  padding: 0 0.7em;
 }
 .e-grid-min-height .e-summarycell {
   line-height: normal;
@@ -4688,11 +4688,40 @@ li.e-separator.e-menu-item.e-excel-separator {
   min-height: 160px;
   overflow-y: auto;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
+  border-top-style: solid;
+  border-top-color: rgba(52, 58, 64, 0.12);
+  border-top-width: 1px;
+  margin-top: 0;
+  overflow-x: hidden;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
   padding-bottom: 9px;
   padding-top: 9px;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
+  height: 1px;
+  opacity: 0;
+  width: 1px;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
+  display: inline-block;
+  height: 10px;
+  width: 80%;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
+  width: 13px;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
+  margin-left: 8px;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
   padding: 8px;
@@ -4706,7 +4735,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
   padding-left: 0;
 }
-.e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
+.e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
   margin-left: -7px;
 }
@@ -4950,6 +4980,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
   border-color: #dee2e6;
 }
+.e-grid .e-headercell,
+.e-grid .e-detailheadercell,
 .e-grid .e-gridcontent {
   background-color: #fff;
 }

package/styles/excel-filter/fluent2.css

@@ -1503,7 +1503,7 @@
 }
 .e-xlflmenu .e-checkbox-wrapper .e-frame {
   margin-bottom: 1px;
-  margin: 0 0 1px 4px;
+  margin-bottom: 8px;
 }
 .e-xlflmenu .e-dlg-content {
   padding-bottom: 5px;
@@ -1602,6 +1602,7 @@
 .e-bigger .e-excelfilter .e-ftrchk.e-infinitescroll,
 .e-excelfilter.e-bigger .e-ftrchk.e-infinitescroll {
   margin-left: 0;
+  padding-left: 0;
 }
 .e-bigger .e-excelfilter .e-contextmenu-wrapper ul li,
 .e-bigger .e-excelfilter .e-contextmenu-container ul li,

package/styles/fabric-dark.css

@@ -4028,7 +4028,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid-min-height .e-gridcontent .e-groupcaption {
   line-height: normal;
-  padding: 0.7em;
+  padding: 0 0.7em;
 }
 .e-grid-min-height .e-summarycell {
   line-height: normal;
@@ -4598,11 +4598,40 @@ li.e-separator.e-menu-item.e-excel-separator {
   min-height: 160px;
   overflow-y: auto;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
+  border-top-style: solid;
+  border-top-color: rgba(248, 248, 248, 0.12);
+  border-top-width: 1px;
+  margin-top: 0;
+  overflow-x: hidden;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
   padding-bottom: 12px;
   padding-top: 12px;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
+  height: 1px;
+  opacity: 0;
+  width: 1px;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
+  display: inline-block;
+  height: 10px;
+  width: 80%;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
+  width: 13px;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
+  margin-left: 8px;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
   padding: 8px;
@@ -4616,7 +4645,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
   padding-left: 0;
 }
-.e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
+.e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
   margin-left: -7px;
 }
@@ -4856,6 +4886,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
   border-color: #414040;
 }
+.e-grid .e-headercell,
+.e-grid .e-detailheadercell,
 .e-grid .e-gridcontent {
   background-color: #201f1f;
 }

package/styles/fabric.css

@@ -4027,7 +4027,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid-min-height .e-gridcontent .e-groupcaption {
   line-height: normal;
-  padding: 0.7em;
+  padding: 0 0.7em;
 }
 .e-grid-min-height .e-summarycell {
   line-height: normal;
@@ -4597,11 +4597,40 @@ li.e-separator.e-menu-item.e-excel-separator {
   min-height: 160px;
   overflow-y: auto;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
+  border-top-style: solid;
+  border-top-color: rgba(0, 0, 0, 0.12);
+  border-top-width: 1px;
+  margin-top: 0;
+  overflow-x: hidden;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
   padding-bottom: 12px;
   padding-top: 12px;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
+  height: 1px;
+  opacity: 0;
+  width: 1px;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
+  display: inline-block;
+  height: 10px;
+  width: 80%;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
+  width: 13px;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
+  margin-left: 8px;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
   padding: 8px;
@@ -4615,7 +4644,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
   padding-left: 0;
 }
-.e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
+.e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
   margin-left: -7px;
 }
@@ -4855,6 +4885,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
   border-color: #eaeaea;
 }
+.e-grid .e-headercell,
+.e-grid .e-detailheadercell,
 .e-grid .e-gridcontent {
   background-color: #fff;
 }

package/styles/fluent-dark.css

@@ -4124,7 +4124,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid-min-height .e-gridcontent .e-groupcaption {
   line-height: normal;
-  padding: 0.7em;
+  padding: 0 0.7em;
 }
 .e-grid-min-height .e-summarycell {
   line-height: normal;
@@ -4728,11 +4728,40 @@ li.e-separator.e-menu-item.e-excel-separator {
   min-height: 160px;
   overflow-y: auto;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist.e-checkbox-infinitescroll {
+  border-top-style: solid;
+  border-top-color: rgba(210, 208, 206, 0.12);
+  border-top-width: 1px;
+  margin-top: 0;
+  overflow-x: hidden;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-checkboxlist .e-ftrchk {
   padding-bottom: 9px;
   padding-top: 9px;
 }
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-chk-hidden {
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
+  height: 1px;
+  opacity: 0;
+  width: 1px;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask {
+  display: inline-block;
+  height: 10px;
+  width: 80%;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-intent {
+  width: 13px;
+}
+.e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-ftrchk .e-mask.e-mask-checkbox-filter-span-intent {
+  margin-left: 8px;
+}
 .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content {
   padding: 8px;
@@ -4746,7 +4775,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-searchbox {
   padding-left: 0;
 }
-.e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
+.e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll, .e-bigger .e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist,
+.e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-ftrchk.e-infinitescroll,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-checkboxfilter .e-dlg-content .e-searchcontainer .e-spinner .e-checkboxlist {
   margin-left: -7px;
 }
@@ -4786,6 +4816,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
   padding-top: 0;
   padding-top: 3px;
+  padding-top: 1px;
 }
 
 .e-bigger .e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn,
@@ -4988,6 +5019,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
   border-color: #292827;
 }
+.e-grid .e-headercell,
+.e-grid .e-detailheadercell,
 .e-grid .e-gridcontent {
   background-color: #1b1a19;
 }