@syncfusion/ej2-angular-grids 23.1.42-ngcc → 23.1.43-ngcc

package/CHANGELOG.md

@@ -6,6 +6,24 @@
 
 #### 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.
+
+## 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.

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

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-grids.umd.min.js
-*  version : 23.1.42
+*  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-angular-grids@*",
-  "_id": "@syncfusion/ej2-angular-grids@23.1.41",
+  "_id": "@syncfusion/ej2-angular-grids@23.1.42",
   "_inBundle": false,
-  "_integrity": "sha512-T7q6MP1MpNZeGWgSz/TGMssYdAHkNpAjx72Y3ilOwKhwi8wgJ9EGOclRCltvggYwTaeRI4cXo8SXoIbGjA85SQ==",
+  "_integrity": "sha512-fNtaBMyonI3pltTDGjii3KOgiJ/o71yq8mE7xgw4a31aQhuJ6oh6A6JExIORmezirunmA/krRhKj2hpAPGSJ4A==",
   "_location": "/@syncfusion/ej2-angular-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-23.1.41.tgz",
-  "_shasum": "d10489b5a9f4e912d9ef2c904b7818e201b0ac27",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-23.1.42.tgz",
+  "_shasum": "4bfd77462026f6b5d36c4a75d7fa5f5b561dcdda",
   "_spec": "@syncfusion/ej2-angular-grids@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~23.1.38",
+    "@syncfusion/ej2-angular-base": "~23.1.43",
     "@syncfusion/ej2-base": "~23.1.41",
-    "@syncfusion/ej2-grids": "23.1.42"
+    "@syncfusion/ej2-grids": "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 Angular",
@@ -58,5 +58,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-grids.d.ts",
-  "version": "23.1.42-ngcc"
+  "version": "23.1.43-ngcc"
 }

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

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

package/schematics/utils/lib-details.js

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

package/schematics/utils/lib-details.ts

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

package/styles/bootstrap-dark.css

@@ -1722,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 {
@@ -1738,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;
 }

package/styles/bootstrap.css

@@ -1723,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 {
@@ -1739,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;
 }

package/styles/bootstrap4.css

@@ -1793,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 {
@@ -1809,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;
 }

package/styles/bootstrap5-dark.css

@@ -1787,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 {
@@ -1803,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;
 }

package/styles/bootstrap5.css

@@ -1787,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 {
@@ -1803,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;
 }

package/styles/fabric-dark.css

@@ -1696,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 {
@@ -1712,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;
 }
@@ -2729,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

@@ -1689,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 {
@@ -1705,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;
 }
@@ -2722,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

@@ -1784,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 {
@@ -1800,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;
 }

package/styles/fluent.css

@@ -1784,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 {
@@ -1800,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;
 }

package/styles/grid/bootstrap-dark.css

@@ -1298,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 {
@@ -1314,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;
 }

package/styles/grid/bootstrap.css

@@ -1299,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 {
@@ -1315,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;
 }

package/styles/grid/bootstrap4.css

@@ -1358,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 {
@@ -1374,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;
 }

package/styles/grid/bootstrap5-dark.css

@@ -1360,9 +1360,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 {
@@ -1376,12 +1375,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;
 }

package/styles/grid/bootstrap5.css

@@ -1360,9 +1360,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 {
@@ -1376,12 +1375,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;
 }

package/styles/grid/fabric-dark.css

@@ -1272,9 +1272,8 @@
   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 {
@@ -1288,12 +1287,6 @@
   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;
 }
@@ -2305,7 +2298,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;

package/styles/grid/fabric.css

@@ -1265,9 +1265,8 @@
   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 {
@@ -1281,12 +1280,6 @@
   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;
 }
@@ -2298,7 +2291,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;

package/styles/grid/fluent-dark.css

@@ -1357,9 +1357,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 {
@@ -1373,12 +1372,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;
 }

package/styles/grid/fluent.css

@@ -1357,9 +1357,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 {
@@ -1373,12 +1372,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;
 }

package/styles/grid/highcontrast-light.css

@@ -1269,9 +1269,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 58px;
+  padding: 0 16px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1285,12 +1284,6 @@
   transform: rotate(180deg);
   margin-top: 20px;
 }
-.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: 13px;
 }
@@ -2302,7 +2295,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;

package/styles/grid/highcontrast.css

@@ -1269,9 +1269,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 58px;
+  padding: 0 16px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1285,12 +1284,6 @@
   transform: rotate(180deg);
   margin-top: 21px;
 }
-.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: 14px;
 }
@@ -2302,7 +2295,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;

package/styles/grid/material-dark.css

@@ -1312,9 +1312,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 {
@@ -1328,12 +1327,6 @@
   transform: rotate(180deg);
   margin-top: 16px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 16px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 16px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -2345,7 +2338,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;

package/styles/grid/material.css

@@ -1346,9 +1346,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 {
@@ -1362,12 +1361,6 @@
   transform: rotate(180deg);
   margin-top: 16px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 16px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 16px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -2379,7 +2372,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 57px;
+  width: auto;
 }
 .e-grid .e-grid-icon {
   float: left;

package/styles/grid/material3-dark.css

@@ -1516,9 +1516,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 40px;
+  padding: 0 8px 0;
+  height: auto;
   border-bottom-width: 0 4px 0 4px;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1532,12 +1531,6 @@
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 8px 8px 8px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 8px 0 8px 8px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 5px;
 }

package/styles/grid/material3.css

@@ -1572,9 +1572,8 @@
   display: none;
 }
 .e-grid .e-groupdroparea.e-group-animate.e-grouped {
-  overflow: hidden;
-  padding: 0;
-  height: 40px;
+  padding: 0 8px 0;
+  height: auto;
   border-bottom-width: 0 4px 0 4px;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1588,12 +1587,6 @@
   transform: rotate(180deg);
   margin-top: 15px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 8px 8px 8px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 8px 0 8px 8px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 5px;
 }

package/styles/grid/tailwind-dark.css

@@ -1348,9 +1348,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 {
@@ -1364,12 +1363,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;
 }

package/styles/grid/tailwind.css

@@ -1348,9 +1348,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 {
@@ -1364,12 +1363,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;
 }

package/styles/highcontrast-light.css

@@ -1693,9 +1693,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: 58px;
+  padding: 0 16px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1709,12 +1708,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 20px;
 }
-.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: 13px;
 }
@@ -2726,7 +2719,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/highcontrast.css

@@ -1693,9 +1693,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: 58px;
+  padding: 0 16px 0;
+  height: auto;
   border-bottom-width: 0;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -1709,12 +1708,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 21px;
 }
-.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: 14px;
 }
@@ -2726,7 +2719,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/material-dark.css

@@ -1742,9 +1742,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 {
@@ -1758,12 +1757,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 16px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 16px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 16px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -2775,7 +2768,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/material.css

@@ -1784,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 {
@@ -1800,12 +1799,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   transform: rotate(180deg);
   margin-top: 16px;
 }
-.e-grid.e-rtl .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 16px 12px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 12px 0 12px 16px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 9px;
 }
@@ -2817,7 +2810,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/material3-dark.css

@@ -2046,9 +2046,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: 40px;
+  padding: 0 8px 0;
+  height: auto;
   border-bottom-width: 0 4px 0 4px;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -2062,12 +2061,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: 8px 8px 8px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 8px 0 8px 8px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 5px;
 }

package/styles/material3.css

@@ -2158,9 +2158,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: 40px;
+  padding: 0 8px 0;
+  height: auto;
   border-bottom-width: 0 4px 0 4px;
 }
 .e-grid.e-rtl .e-group-animator {
@@ -2174,12 +2173,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: 8px 8px 8px 0;
-}
-.e-grid .e-group-animator:first-child .e-groupheadercell {
-  margin: 8px 0 8px 8px;
-}
 .e-grid .e-group-animate.e-groupdroparea .e-nextgroup {
   margin-top: 5px;
 }

package/styles/tailwind-dark.css

@@ -1775,9 +1775,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 {
@@ -1791,12 +1790,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;
 }

package/styles/tailwind.css

@@ -1775,9 +1775,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 {
@@ -1791,12 +1790,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;
 }