@syncfusion/ej2-react-grids 23.1.41 → 23.1.43

package/CHANGELOG.md

@@ -2,6 +2,63 @@
 
 ## [Unreleased]
 
+### Grid
+
+#### Bug fixes
+
+- `#I507979` - The issue where the clipboard was not cleared after using 'CTRL+A' + 'CTRL+C' + 'ESC' combination has been resolved.
+- `#I513196` - The script error that occurred when printing a grouped hierarchical grid has been resolved.
+- `#I511776` - The tooltip in the header template is now properly destroyed.
+- `#I508400` - The problem where the aria-label was repeated twice when a string template was rendered in a column template has been resolved.
+- `#I509734` - The issue where the `freeze` property was not working properly when the column field value was not defined has been fixed.
+- `#I510683` - The problem of white space occurring while using `AutoFit` on a frozen column has been fixed.
+- `#I508457` - When `virtualization` is enabled, the problem where editing a single field also changed the other field values with the previous edited value has been fixed.
+- `#I496847` - The problem of hidden columns showing empty columns while copy pasting the grid content has been resolved.
+- `#I508408` - The issue where freezing command columns were not working properly has been fixed.
+- `#I513536` - Grouped column headers are now displaying properly in all themes.
+- `#FB46958` - The problem with filtering the foreign key field having the same name has been resolved.
+
+- `#I507979` - The issue where the clipboard was not cleared after using 'CTRL+A' + 'CTRL+C' + 'ESC' combination has been resolved.
+- `#I513196` - The script error that occurred when printing a grouped hierarchical grid has been resolved.
+- `#I511776` - The tooltip in the header template is now properly destroyed.
+- `#I508400` - The problem where the aria-label was repeated twice when a string template was rendered in a column template has been resolved.
+- `#I509734` - The issue where the `freeze` property was not working properly when the column field value was not defined has been fixed.
+- `#I510683` - The problem of white space occurring while using `AutoFit` on a frozen column has been fixed.
+- `#I508457` - When `virtualization` is enabled, the problem where editing a single field also changed the other field values with the previous edited value has been fixed.
+- `#I496847` - The problem of hidden columns showing empty columns while copy pasting the grid content has been resolved.
+- `#I514686` - The script error that occurred when clicking anywhere in the grouped grid after editing has been resolved.
+- `#I508408` - The issue where freezing command columns were not working properly has been fixed.
+- `#I513536` - Grouped column headers are now displaying properly in all themes.
+- `#FB46958` - The problem with filtering the foreign key field having the same name has been resolved.
+
+## 23.1.42 (2023-10-24)
+
+### Grid
+
+#### Bug fixes
+
+- `#I507214` - The problem of displaying an empty tooltip with batch-edited cells has been resolved.
+- `#I504365` - Fixed an issue where the request for aggregate was not sent when the `disablePageWiseAggregate` property was enabled in custom binding.
+- `#I507080` - The issue related to the styling of the Lazy Load Group with a `groupCaptionTemplate` has been resolved.
+- `#I501881` - Fixed an issue where the drop indicator for the column should be displayed when dragging a column into another column.
+- `#I511484` - The issue where the Grid did not render properly when the `editSetting` property was defined without injecting the `editModule` has been resolved.
+
+## 23.1.41 (2023-10-17)
+
+### Grid
+
+#### Bug fixes
+
+- `#I510239` - Error occurs when changing the State through clicking the button rendered in the Column Template has been fixed.
+- `#I494272` - In mobile view unable to interact with the page after double-clicking on the filter date icon issue has been fixed.
+- `#I423460` - Fixed an issue where the grid froze with a loading spinner when collapsing grouped items in an infinite scroll enabled grid.
+- `#I503487` - In the `actionFailure` event, the failure message argument is now sent correctly.
+- `#I509249` - The script error that occurred when saving the edited row at the bottom in the presence of grouping has been fixed.
+- `#I508136` - Row reorder occurs while editing with inline mode with grouping in complex data has been fixed.
+- `#I490262` - The problem where checkbox filtering was not working properly when cancelling the filtering has been fixed.
+- `#I504493` - The pager elements are now rendered correctly when the grid is hidden and then shown again.
+- `#I511064` - The problem with `frozenColumns` are not working when declared in the `dataBound` event has been resolved.
+
 ## 23.1.40 (2023-10-10)
 
 ### Grid

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-grids.min.js
-*  version : 23.1.41
+*  version : 23.1.43
 *  Copyright Syncfusion Inc. 2001 - 2023. 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 : 23.1.41
+*  version : 23.1.43
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@23.1.40",
+  "_id": "@syncfusion/ej2-react-grids@23.1.42",
   "_inBundle": false,
-  "_integrity": "sha512-BvPr88qfsBhn9/ypkfB1K3cdZtM2y/IKG3R/uErOfY85GFiwoRH8eg51SeUqG87DJYxnlmFe7S1HSIsdbaAulw==",
+  "_integrity": "sha512-zTKjIlHpcrSq6YZo0liBwoKiKUITmh6XUV++3z73rOw1brDtY+q3W1SGsU9cj1At7hEvjvmQlF/z8n6wq7FhFQ==",
   "_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-23.1.40.tgz",
-  "_shasum": "1f97197849749b25d3bf9f59307eb52899133f53",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-23.1.42.tgz",
+  "_shasum": "9ce8bbc6949f12a157b72b360b2d6591a94beace",
   "_spec": "@syncfusion/ej2-react-grids@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -32,8 +32,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~23.1.41",
-    "@syncfusion/ej2-grids": "23.1.41",
-    "@syncfusion/ej2-react-base": "~23.1.36"
+    "@syncfusion/ej2-grids": "23.1.43",
+    "@syncfusion/ej2-react-base": "~23.1.43"
   },
   "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": "23.1.41",
+  "version": "23.1.43",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -907,6 +907,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 14px;
   padding: 8px 8px;
 }
+.e-bigger .e-grid .e-summarycell.e-lastrowcell,
+.e-grid.e-bigger .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-bigger .e-grid .e-rowcell:first-child,
 .e-bigger .e-grid .e-summarycell:first-child,
 .e-grid.e-bigger .e-rowcell:first-child,
@@ -1718,9 +1722,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 62px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1734,12 +1737,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 23px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 12px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 12px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 16px;
 }
@@ -2085,6 +2082,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   white-space: normal;
   word-wrap: break-word;
 }
+.e-grid .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-grid .e-summarycontent {
   display: -ms-flexbox;
   display: flex;

package/styles/bootstrap.css

@@ -908,6 +908,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 14px;
   padding: 8px 8px;
 }
+.e-bigger .e-grid .e-summarycell.e-lastrowcell,
+.e-grid.e-bigger .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-bigger .e-grid .e-rowcell:first-child,
 .e-bigger .e-grid .e-summarycell:first-child,
 .e-grid.e-bigger .e-rowcell:first-child,
@@ -1719,9 +1723,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 64px;
+  padding: 0 13px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1735,12 +1738,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 22px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 13px 13px 13px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 13px 0 13px 13px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 18px;
 }
@@ -2086,6 +2083,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   white-space: normal;
   word-wrap: break-word;
 }
+.e-grid .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-grid .e-summarycontent {
   display: -ms-flexbox;
   display: flex;

package/styles/bootstrap4.css

@@ -969,6 +969,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 16px;
   padding: 12px 12px;
 }
+.e-bigger .e-grid .e-summarycell.e-lastrowcell,
+.e-grid.e-bigger .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-bigger .e-grid .e-rowcell:first-child,
 .e-bigger .e-grid .e-summarycell:first-child,
 .e-grid.e-bigger .e-rowcell:first-child,
@@ -1789,9 +1793,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1805,12 +1808,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 12px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 12px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -2156,6 +2153,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   white-space: normal;
   word-wrap: break-word;
 }
+.e-grid .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-grid .e-summarycontent {
   display: -ms-flexbox;
   display: flex;

package/styles/bootstrap5-dark.css

@@ -964,6 +964,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 16px;
   padding: 8px 12px;
 }
+.e-bigger .e-grid .e-summarycell.e-lastrowcell,
+.e-grid.e-bigger .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-bigger .e-grid .e-rowcell:first-child,
 .e-bigger .e-grid .e-summarycell:first-child,
 .e-grid.e-bigger .e-rowcell:first-child,
@@ -1783,9 +1787,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1799,12 +1802,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 12px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 12px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -2150,6 +2147,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   white-space: normal;
   word-wrap: break-word;
 }
+.e-grid .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-grid .e-summarycontent {
   display: -ms-flexbox;
   display: flex;

package/styles/bootstrap5.css

@@ -964,6 +964,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 16px;
   padding: 8px 12px;
 }
+.e-bigger .e-grid .e-summarycell.e-lastrowcell,
+.e-grid.e-bigger .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-bigger .e-grid .e-rowcell:first-child,
 .e-bigger .e-grid .e-summarycell:first-child,
 .e-grid.e-bigger .e-rowcell:first-child,
@@ -1783,9 +1787,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1799,12 +1802,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 12px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 12px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -2150,6 +2147,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   white-space: normal;
   word-wrap: break-word;
 }
+.e-grid .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-grid .e-summarycontent {
   display: -ms-flexbox;
   display: flex;

package/styles/fabric-dark.css

@@ -881,6 +881,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 14px;
   padding: 9px 10px;
 }
+.e-bigger .e-grid .e-summarycell.e-lastrowcell,
+.e-grid.e-bigger .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-bigger .e-grid .e-rowcell:first-child,
 .e-bigger .e-grid .e-summarycell:first-child,
 .e-grid.e-bigger .e-rowcell:first-child,
@@ -1692,9 +1696,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 16px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1708,12 +1711,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 22px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 16px 16px 16px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 16px 0 16px 16px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 15px;
 }
@@ -2059,6 +2056,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   white-space: normal;
   word-wrap: break-word;
 }
+.e-grid .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-grid .e-summarycontent {
   display: -ms-flexbox;
   display: flex;
@@ -2722,7 +2722,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;

package/styles/fabric.css

@@ -874,6 +874,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 14px;
   padding: 9px 10px;
 }
+.e-bigger .e-grid .e-summarycell.e-lastrowcell,
+.e-grid.e-bigger .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-bigger .e-grid .e-rowcell:first-child,
 .e-bigger .e-grid .e-summarycell:first-child,
 .e-grid.e-bigger .e-rowcell:first-child,
@@ -1685,9 +1689,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 16px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1701,12 +1704,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 22px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 16px 16px 16px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 16px 0 16px 16px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 15px;
 }
@@ -2052,6 +2049,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   white-space: normal;
   word-wrap: break-word;
 }
+.e-grid .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-grid .e-summarycontent {
   display: -ms-flexbox;
   display: flex;
@@ -2715,7 +2715,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;

package/styles/fluent-dark.css

@@ -942,6 +942,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 16px;
   padding: 13.5px 12px;
 }
+.e-bigger .e-grid .e-summarycell.e-lastrowcell,
+.e-grid.e-bigger .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-bigger .e-grid .e-rowcell:first-child,
 .e-bigger .e-grid .e-summarycell:first-child,
 .e-grid.e-bigger .e-rowcell:first-child,
@@ -1780,9 +1784,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1796,12 +1799,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 12px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 12px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -2150,6 +2147,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   white-space: normal;
   word-wrap: break-word;
 }
+.e-grid .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-grid .e-summarycontent {
   display: -ms-flexbox;
   display: flex;

package/styles/fluent.css

@@ -942,6 +942,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 16px;
   padding: 13.5px 12px;
 }
+.e-bigger .e-grid .e-summarycell.e-lastrowcell,
+.e-grid.e-bigger .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-bigger .e-grid .e-rowcell:first-child,
 .e-bigger .e-grid .e-summarycell:first-child,
 .e-grid.e-bigger .e-rowcell:first-child,
@@ -1780,9 +1784,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1796,12 +1799,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 12px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 12px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -2150,6 +2147,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   white-space: normal;
   word-wrap: break-word;
 }
+.e-grid .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-grid .e-summarycontent {
   display: -ms-flexbox;
   display: flex;

package/styles/grid/bootstrap-dark.css

@@ -483,6 +483,10 @@
   font-size: 14px;
   padding: 8px 8px;
 }
+.e-bigger .e-grid .e-summarycell.e-lastrowcell,
+.e-grid.e-bigger .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-bigger .e-grid .e-rowcell:first-child,
 .e-bigger .e-grid .e-summarycell:first-child,
 .e-grid.e-bigger .e-rowcell:first-child,
@@ -1294,9 +1298,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 62px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1310,12 +1313,6 @@
   transform: rotate(180deg);
   margin-top: 23px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 12px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 12px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 16px;
 }
@@ -1661,6 +1658,9 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-grid .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-grid .e-summarycontent {
   display: -ms-flexbox;
   display: flex;

package/styles/grid/bootstrap.css

@@ -484,6 +484,10 @@
   font-size: 14px;
   padding: 8px 8px;
 }
+.e-bigger .e-grid .e-summarycell.e-lastrowcell,
+.e-grid.e-bigger .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-bigger .e-grid .e-rowcell:first-child,
 .e-bigger .e-grid .e-summarycell:first-child,
 .e-grid.e-bigger .e-rowcell:first-child,
@@ -1295,9 +1299,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 64px;
+  padding: 0 13px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1311,12 +1314,6 @@
   transform: rotate(180deg);
   margin-top: 22px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 13px 13px 13px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 13px 0 13px 13px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 18px;
 }
@@ -1662,6 +1659,9 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-grid .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-grid .e-summarycontent {
   display: -ms-flexbox;
   display: flex;

package/styles/grid/bootstrap4.css

@@ -534,6 +534,10 @@
   font-size: 16px;
   padding: 12px 12px;
 }
+.e-bigger .e-grid .e-summarycell.e-lastrowcell,
+.e-grid.e-bigger .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-bigger .e-grid .e-rowcell:first-child,
 .e-bigger .e-grid .e-summarycell:first-child,
 .e-grid.e-bigger .e-rowcell:first-child,
@@ -1354,9 +1358,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 48px;
+  padding: 0 12px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1370,12 +1373,6 @@
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 12px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 12px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -1721,6 +1718,9 @@
   white-space: normal;
   word-wrap: break-word;
 }
+.e-grid .e-summarycell.e-lastrowcell {
+  border-bottom-width: 1px;
+}
 .e-grid .e-summarycontent {
   display: -ms-flexbox;
   display: flex;