@syncfusion/ej2-react-grids 21.2.10 → 22.1.34

package/CHANGELOG.md

@@ -4,119 +4,19 @@
 
 ### Grid
 
-#### Bug Fixes
-
-- `#I469063` - The script error that occurred while exporting a lazy load grouping Grid into Excel has been resolved.
-- `#I466214` - The issue of the pager count not being properly updated when adding a new record to the Grid, especially when there are fewer records than the page size, has been successfully resolved.
-
-## 21.2.9 (2023-06-06)
-
-### Grid
-
-#### Bug Fixes
-
-- `#I456364` - Fixed the issue where editing was not working properly when virtual scroll was enabled and the primary key was a complex data.
-- `#I456281` - Resolved the script error that was thrown when sorting a column after adding a new record in the grid with cache mode enabled.
-- `#I459037` - Pasting issue with Grid has been resolved.
-- `#I469713` - Resolved the issue where data was duplicated in the complex field when using an empty nested object.
-
-## 21.2.8 (2023-05-30)
-
-### Grid
-
-#### Bug Fixes
-
-- `#I466214` - Resolved the issue where the page size was not being increased when adding new records to the grid containing a pager dropdown.
-- `#I464294` - Resolved the issue where the value zero is not displayed in the grid while using complex data binding.
-
-## 21.2.6 (2023-05-23)
-
-### Grid
-
-#### Bug Fixes
-
-- `#I458689` - Resolved the issue where the bottom border was not shown when using `virtualization` with a limited number of records.
-- `#I455549` - Fixed the problem where the column template was not being re-created after tabbing from batch edit mode in React.
-- `#I456631` - Resolved the issue where the search functionality was not working properly within brackets.
-- `#I458148` - `ResetOnRowClick` resets only the checked rows in the current page while using remote data binding has been resolved.
-- `#I453406` - Removed the deprecated attribute `cellspacing` from the grid table and added the CSS property `border-spacing` instead.
-- `I#459037` - Fixed the paste error that occurred with an empty data source and the addition of a row in Batch mode.
-
-## 21.2.5 (2023-05-16)
-
-### Grid
-
-#### Bug Fixes
-
-- `#I459274` - The issue regarding the `All` page size is not working properly with the `RemoteSaveAdaptor` has been resolved.
-- `#I459703` - Pager component's tooltip not getting updated on locale change issue has been fixed.
-- `#F181837` - The problem related to copy-pasting when adding a new record has been resolved.
-- `#I452083` - The issue of text overlapping in the vertical row rendering mode of the adaptive grid has been resolved.
-- `#FB43372` -The Content Security Policy violation issue related to grid paging and grouping has been resolved.
-- `#I460038` - Resolved the issue where the detail template being rendered with bold and centred formatting.
-
-## 21.2.4 (2023-05-09)
+#### Bug fixes
 
-### Grid
-
-#### Bug Fixes
-
-- `#F169671` - Now, the `ExcelQueryCellInfo` event is called properly in both parent and child grids.
-- `#I441999` - Ensured that the `recordDoubleClick` event is now properly triggered on iPad devices as well.
-- `#F181654` - Fixed issue where the react state value was being updated incorrectly with Grid templates.
-- `#I451314` - Provided  support for exporting to PDF with custom data sources.
-- `#I457476` - Resolved a script error that occurred when the down arrow key was long-pressed while the frozen and virtual scrolling feature was enabled in the Grid.
-
-## 21.2.3 (2023-05-03)
-
-### Grid
+- Improved the checkbox selection functionality by integrating Grid observable binding and incorporating support for the virtual scrolling feature.
 
-#### Bug Fixes
-
-- `#I432845` - Fixed the issue where `Lazylaod` grouping with aggregates was not exported properly in Angular and React platforms.
-- `#F181415` - Fixed the issue where the typing for `filterbeforeopen` event of `FilterMenu` was not set properly.
-- `#I450047` - Performance degradation on infinite scrolling with column templates has been fixed.
-- `#I455291` - The issue of being unable to edit a newly added row when the dataSource is empty and infinite scrolling is enabled has been resolved.
-
-## 21.1.41 (2023-04-18)
-
-### Grid
-
-#### Bug Fixes
-
-- `#I442797` - The issue of an error occurring when hovering over the search option on a filter dropdown has been resolved and fixed.
-- `#I452425` - The row selection is not working properly when virtualisation is enabled and an odd number is set as the page size has been resolved.
-- `#I455150` - The issue with the script error while opening the custom filter template in the grid filter menu feature has been resolved.
-- `#I451761` - Script error being thrown when copying an empty Grid has been resolved.
-- `#I453134` - The last edited cell is now correctly saved when the tab key is pressed from the last row cell, even when `allowAdding` is set to `false` in batch edit mode.
-
-- `#I455150` - The issue with the script error while opening the custom filter template in the grid filter menu feature has been resolved.
-
-## 21.1.39 (2023-04-11)
-
-### Grid
-
-#### Bug Fixes
-
-- `#I443674` - Resolved the issue where the currency format was incorrect with grid excel export.
-- `#F175708` - Fixed the issue where the change event of the textbox component was not triggered when pressing the tab key on batch edit.
-- `#I432022` - Resolved the issue where the grid was being re rendered while updating state due to the use of function type property.
-- `#I447288` - The issue of virtual scrolling not functioning correctly when rendering the Grid at the bottom of the page has been resolved.
-
-## 21.1.38 (2023-04-04)
-
-### Grid
-
-#### Bug Fixes
+#### Features
 
-- `#I446919` - Inconsistent date value when searching string value issue has been fixed.
-- `#I449503` - search bar clear icon not working when apply searching in programmatic way issue has been fixed.
-- `#I440720`, `#I451314` - Provided support for grid query with the custom dataSource while on pdf exporting.
-- `#I444506`  - Last row border is not applied while reordering a row to the last index issue has been resolved.
-- `#F180653`  - `rowHeight` does not work properly with Detail Template issue has been resolved.
-- `#F180026` - The issue of the last row being removed after adding a new row has been resolved when the page size is set to `ALL`.
+- `#I451870` - The Pager component has been enhanced to be more responsive. It now includes the ability to automatically resize itself and dynamically show or hide pager items based on the width of the Grid. Please find the demo link [here](https://ej2.syncfusion.com/demos/#/bootstrap5/grid/pager-dropdown.html).
+- `#FB31707` - Added functionality to support drag-and-drop of grid rows between different groups within the Grid. Please find the demo link [here](https://ej2.syncfusion.com/demos/#/bootstrap5/grid/drag-drop-within-grid.html).
+- `#FB6478`, `#FB5702` - Implemented support for maintaining the state of expanded grouped rows during editing actions. Please find the demo link [here](https://ej2.syncfusion.com/demos/#/bootstrap5/grid/grouping.html).
 
-- `#I449505` - Row misalignment with frozen and template columns while calling `setRowData` is fixed.
+- `#I451870` - The Pager component has been enhanced to be more responsive. It now includes the ability to automatically resize itself and dynamically show or hide pager items based on the width of the Grid. Please find the demo link [here](https://ej2.syncfusion.com/react/demos/#/bootstrap5/grid/paging).
+- `#FB31707` - Added functionality to support drag-and-drop of grid rows between different groups within the Grid. Please find the demo link [here](https://ej2.syncfusion.com/react/demos/#/bootstrap5/grid/drag-drop-within-grid).
+- `#FB6478`, `#FB5702` - Implemented support for maintaining the state of expanded grouped rows during editing actions. Please find the demo link [here](https://ej2.syncfusion.com/react/demos/#/bootstrap5/grid/grouping).
 
 ## 21.1.35 (2023-03-23)
 

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

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-grids.umd.min.js
-*  version : 21.2.10
+*  version : 22.1.34
 *  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-react-grids@*",
-  "_id": "@syncfusion/ej2-react-grids@21.2.9",
+  "_id": "@syncfusion/ej2-react-grids@1.150.50",
   "_inBundle": false,
-  "_integrity": "sha512-rcUqHe86Ve1WKqD3vmU9rVGzxGmrg4kY+MqbMYNO0DUPCVgAZqEl69Klv+Hf6TiYFY4YpQtWPo7ieeoLtJnTKg==",
+  "_integrity": "sha512-HIOB0JZeSubf5CYBLJOKLAwZSHylpXTLNgGOczxhyOtCXVszkQf75W6RL5izX5MyZ1EC4O3/cKXkr00mPhZe6w==",
   "_location": "/@syncfusion/ej2-react-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-21.2.9.tgz",
-  "_shasum": "1bba5de72acda5543ebc899bcb0a695f3935b6ff",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-grids/-/ej2-react-grids-1.150.50.tgz",
+  "_shasum": "d9e524b7eda3fe4dd4948c4399d6499f3201b116",
   "_spec": "@syncfusion/ej2-react-grids@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.9",
-    "@syncfusion/ej2-grids": "21.2.10",
-    "@syncfusion/ej2-react-base": "~21.2.8"
+    "@syncfusion/ej2-base": "~22.1.34",
+    "@syncfusion/ej2-grids": "22.1.34",
+    "@syncfusion/ej2-react-base": "~22.1.34"
   },
   "deprecated": false,
   "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for React",
@@ -54,6 +54,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "21.2.10",
+  "version": "22.1.34",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -1060,7 +1060,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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 {
-  margin: -29px 0 0 22px;
+  margin: -29px -5px 0 7px;
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -1082,11 +1082,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber, .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
-  margin: 8px 0 0 4px;
+  margin: 6px 0 0 10px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 6px 0 0 10px;
+  margin: 8px 0 0 10px;
 }
 .e-bigger .e-grid .e-rowcell,
 .e-bigger .e-grid .e-summarycell,
@@ -1145,6 +1145,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-bigger .e-columnmenu,
 .e-grid.e-bigger.e-bigger .e-columnmenu {
   bottom: 16px;
+  margin: -20px -20px;
+}
+.e-bigger .e-grid.e-device .e-columnmenu,
+.e-grid.e-bigger.e-device .e-columnmenu {
   margin: -20px -18px;
 }
 .e-bigger .e-grid .e-columnmenu,
@@ -1254,7 +1258,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-device .e-groupheadercell .e-ungroupbutton,
 .e-grid.e-bigger.e-device .e-groupheadercell .e-ungroupbutton {
-  line-height: 37px;
+  line-height: 39px;
 }
 .e-bigger .e-grid.e-device .e-normaledit .e-rowcell,
 .e-grid.e-bigger.e-device .e-normaledit .e-rowcell {
@@ -1291,16 +1295,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-groupsort,
 .e-grid.e-bigger span.e-ungroupbutton,
 .e-grid.e-bigger .e-toggleungroup {
-  margin-left: -8px;
+  margin-left: -6px;
   margin-top: -4px;
 }
 .e-bigger .e-grid span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
   font-size: 14px;
-  margin-left: -7px;
+  margin-left: -5px;
+  padding-top: 0;
   margin-top: -3px;
   margin-right: 0;
-  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1324,7 +1328,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
-  margin-right: -10px;
+  margin-right: -8px;
   margin-top: -4px;
   padding-left: 8px;
 }
@@ -1440,7 +1444,6 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
-
 .e-grid {
   border-radius: 4px;
   border-style: none solid solid;
@@ -1836,6 +1839,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2132,13 +2136,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 16px;
-  margin: -29px -10px;
+  margin: -29px 0;
   padding: 15px 0;
   width: 16px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv {
   float: left;
-  margin: -29px -5px;
+  margin: -29px 5px;
 }
 .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
 .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
@@ -2220,10 +2224,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 0 0 20px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -29px 14px -29px 0;
+  margin: -29px 18px -29px 0;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -29px -11px 0 0;
+  margin: -29px -11px 0 7px;
 }
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
   margin: 3px 2px 0 20px;
@@ -2242,7 +2246,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: absolute;
   right: 23px;
   float: right;
-  margin: -20px;
+  margin: -20.5px -20px;
   padding: 6px;
 }
 .e-grid.e-wrap .e-columnmenu {
@@ -2251,7 +2255,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-columnmenu {
   left: 5px;
   right: auto;
-  margin: -20px -18px -18px 1px;
+  margin: -20px -18px -18px -4px;
 }
 .e-grid.e-wrap.e-rtl .e-columnmenu {
   line-height: 10px;
@@ -2457,12 +2461,22 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 14px;
   padding: 4px;
 }
-.e-grid .e-lastsummarycell {
+.e-grid .e-footerpadding .e-lastsummarycell {
+  border-left: none;
   border-right: 1px solid;
 }
+.e-grid.e-rtl .e-footerpadding tr.e-summaryrow td.e-lastsummarycell:last-child {
+  border-right: none;
+  border-left: 1px solid #484848;
+}
 .e-grid .e-footerpadding {
+  padding-left: 0;
   padding-right: 14px;
 }
+.e-grid.e-rtl .e-footerpadding {
+  padding-left: 14px;
+  padding-right: 0;
+}
 .e-grid .e-gridpopup span {
   border: 1px solid transparent;
   cursor: pointer;
@@ -2578,6 +2592,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid td.e-active {
   font-weight: normal;
 }
+.e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
 .e-grid td.e-cellselectionbackground {
   font-weight: normal;
 }
@@ -2672,7 +2687,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   line-height: 26px;
 }
 .e-grid.e-device .e-groupheadercell .e-ungroupbutton {
-  line-height: 28px;
+  line-height: 23px;
+}
+.e-grid.e-device .e-groupheadercell .e-groupsort {
+  margin-top: 0;
 }
 .e-grid .e-groupheadercell .e-cancel {
   padding-right: 12px;
@@ -2684,14 +2702,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-ungroupbutton,
 .e-grid .e-toggleungroup {
   font-size: 12px;
-  margin-left: -8px;
+  margin-left: -6px;
 }
 .e-grid .e-groupsort {
   margin-right: 0;
   margin-top: -3px;
 }
 .e-grid span.e-ungroupbutton.e-icons {
-  margin-left: -8px;
+  margin-left: -6px;
   margin-top: -3px;
   padding-top: 4px;
   padding-right: 8px;
@@ -3083,7 +3101,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
   float: left;
-  margin: 9px 0 0 9px;
+  margin: 8px 0 0 9px;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv,
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -3095,7 +3113,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
   float: left;
-  margin: 9px 0 0 9px;
+  margin: 8px 0 0 9px;
 }
 .e-grid.e-rtl .e-headercell .e-filterbarcell input, .e-grid.e-rtl .e-detailheadercell .e-filterbarcell input {
   border-width: 0;
@@ -3126,7 +3144,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
   float: left;
-  margin: 7px 0 0 6px;
+  margin: 8px 0 0 6px;
 }
 .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
   float: left;
@@ -3280,7 +3298,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
-  margin-right: -10px;
+  margin-right: -8px;
   padding-top: 4px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
@@ -3604,9 +3622,17 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-left: 0;
   padding-right: 4px;
 }
+.e-bigger .e-grid .e-columnmenu,
+.e-bigger.e-grid .e-columnmenu {
+  margin: -20px -20px;
+}
 .e-bigger .e-grid.e-rtl .e-columnmenu,
 .e-bigger.e-grid.e-rtl .e-columnmenu {
-  margin: -20px -18px -18px 1px;
+  margin: -20px -18px -18px -4px;
+}
+.e-bigger .e-grid.e-rtl.e-device .e-columnmenu,
+.e-bigger.e-grid.e-rtl.e-device .e-columnmenu {
+  margin: -20px -18px -18px -4px;
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell span,
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
@@ -3915,9 +3941,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header,
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header {
-  font-weight: 500;
   padding-top: 10px;
   width: 100%;
+  font-weight: 500;
 }
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn,
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn {
@@ -4226,6 +4252,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
 .e-grid .e-gridcontent .e-rowcell.e-dragborder,
+.e-grid .e-gridcontent .e-groupcaption.e-dragborder,
+.e-grid .e-gridcontent .e-summarycell.e-dragborder,
 .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader thead tr th.e-firstrowdragborder, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
   box-shadow: 0 2px 0 0 #0070f0;
   position: relative;
@@ -4302,7 +4330,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-summaryrow .e-summarycell,
 .e-grid .e-summaryrow .e-templatecell,
 .e-grid .e-summarycontent .e-indentcell,
-.e-grid .e-indentcell.e-detailindentcelltop {
+.e-grid .e-indentcell.e-detailindentcelltop,
+.e-grid .e-groupfooterrow.e-summaryrow .e-indentcell.e-indentcelltop {
   background-color: #1a1a1a;
   border-color: #484848;
   color: #f0f0f0;