@syncfusion/ej2-react-grids 23.1.43 → 23.2.4

package/CHANGELOG.md

@@ -6,6 +6,27 @@
 
 #### Bug fixes
 
+- `#I508354` - Cell selection is now working fine with row drag and drop.
+
+## 23.1.44 (2023-11-07)
+
+### Grid
+
+#### Bug fixes
+
+- `#I511490` - The problem of adding a row in batch mode not working when the first field is disabled with `allowEditing` set to false has been resolved.
+- `#FB47714` - Improved the drag behaviour of the grouping disabled column
+- `#I512845` - Fixed an issue in batch editing where, after editing a cell, holding and copying the items and releasing the hold on a nearby cell would close the editing.
+- `#I511052` - Error thrown while sorting from largest to smallest or from smallest to largest has been fixed.
+- `#I507810` - The issue of removing an add form upon clicking the cancel button in a command column has been resolved.
+- `#FB47309`, `#FB47308` - Actual page navigation is prevented while clicking the grid pager numeric items and the expand-collapse icon.
+
+## 23.1.43 (2023-10-31)
+
+### 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.

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-grids.min.js
-*  version : 23.1.43
+*  version : 23.2.4
 *  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.43
+*  version : 23.2.4
 *  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.42",
+  "_id": "@syncfusion/ej2-react-grids@23.1.44",
   "_inBundle": false,
-  "_integrity": "sha512-zTKjIlHpcrSq6YZo0liBwoKiKUITmh6XUV++3z73rOw1brDtY+q3W1SGsU9cj1At7hEvjvmQlF/z8n6wq7FhFQ==",
+  "_integrity": "sha512-oW9ziD+DW0ZVnANYuVZ4xo0TBJwNtrTknQydJ+nR+01hiiYRa8/rNoS/wycOgDou6xDDmvHUZVzNwDrBWXOA3w==",
   "_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.42.tgz",
-  "_shasum": "9ce8bbc6949f12a157b72b360b2d6591a94beace",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-23.1.44.tgz",
+  "_shasum": "69fe0aae91fe68c6a14f74be1998531e9fbe4e6a",
   "_spec": "@syncfusion/ej2-react-grids@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.1.41",
-    "@syncfusion/ej2-grids": "23.1.43",
-    "@syncfusion/ej2-react-base": "~23.1.43"
+    "@syncfusion/ej2-base": "~23.2.4",
+    "@syncfusion/ej2-grids": "23.2.4",
+    "@syncfusion/ej2-react-base": "~23.2.4"
   },
   "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.43",
+  "version": "23.2.4",
   "sideEffects": false
 }

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

@@ -18,7 +18,7 @@ export interface GridTypecast {
 export declare class GridComponent extends Grid {
     state: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<GridModel & DefaultHtmlAttributes | GridTypecast>;
+    }> & Readonly<GridModel | DefaultHtmlAttributes | GridTypecast>;
     setState: any;
     private getDefaultAttributes;
     initRenderCalled: boolean;
@@ -31,7 +31,7 @@ export declare class GridComponent extends Grid {
     private immediateRender;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<GridModel & DefaultHtmlAttributes | GridTypecast>;
+    }> & Readonly<GridModel | DefaultHtmlAttributes | GridTypecast>;
     forceUpdate: (callBack?: () => any) => void;
     context: Object;
     portals: any;

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

@@ -13,7 +13,7 @@ export interface PagerTypecast {
 export declare class PagerComponent extends Pager {
     state: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<PagerModel & DefaultHtmlAttributes | PagerTypecast>;
+    }> & Readonly<PagerModel | DefaultHtmlAttributes | PagerTypecast>;
     setState: any;
     private getDefaultAttributes;
     initRenderCalled: boolean;
@@ -23,7 +23,7 @@ export declare class PagerComponent extends Pager {
     private immediateRender;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<PagerModel & DefaultHtmlAttributes | PagerTypecast>;
+    }> & Readonly<PagerModel | DefaultHtmlAttributes | PagerTypecast>;
     forceUpdate: (callBack?: () => any) => void;
     context: Object;
     portals: any;

package/styles/bootstrap-dark.css

@@ -1596,6 +1596,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
+.e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
+  border-bottom-width: 0;
+}
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
   position: relative;
   left: -5px;
@@ -2189,7 +2194,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2667,7 +2672,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -3547,7 +3552,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   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 {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3562,7 +3567,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3870,7 +3875,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
   text-align: left;
 }
-.e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 0 0 1px;
 }
 .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3890,7 +3895,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
   border-right-width: 1px;
 }
-.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 1px 0 0;
 }
 .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3911,6 +3916,27 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+}
+.e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-left-style: solid;
+  border-left-width: 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/bootstrap.css

@@ -1597,6 +1597,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
+.e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
+  border-bottom-width: 0;
+}
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
   position: relative;
   left: -5px;
@@ -2190,7 +2195,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2668,7 +2673,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -3548,7 +3553,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   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 {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3563,7 +3568,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3871,7 +3876,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
   text-align: left;
 }
-.e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 0 0 1px;
 }
 .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3891,7 +3896,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
   border-right-width: 1px;
 }
-.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 1px 0 0;
 }
 .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3912,6 +3917,27 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+}
+.e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-left-style: solid;
+  border-left-width: 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/bootstrap4.css

@@ -1664,6 +1664,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
+.e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
+  border-bottom-width: 0;
+}
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
   position: relative;
   left: -5px;
@@ -2260,7 +2265,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2738,7 +2743,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -3621,7 +3626,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: -10px;
   padding-top: 4px;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3636,7 +3641,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3944,7 +3949,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
   text-align: left;
 }
-.e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 0 0 1px;
 }
 .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3964,7 +3969,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
   border-right-width: 1px;
 }
-.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 1px 0 0;
 }
 .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3985,6 +3990,27 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+}
+.e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-left-style: solid;
+  border-left-width: 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/bootstrap5-dark.css

@@ -1658,6 +1658,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
+.e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
+  border-bottom-width: 0;
+}
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
   position: relative;
   left: -5px;
@@ -2254,7 +2259,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2732,7 +2737,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -3612,7 +3617,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: -9px;
   padding-top: 2px;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3627,7 +3632,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3935,7 +3940,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
   text-align: left;
 }
-.e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 0 0 1px;
 }
 .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3955,7 +3960,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
   border-right-width: 1px;
 }
-.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 1px 0 0;
 }
 .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3976,6 +3981,27 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+}
+.e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-left-style: solid;
+  border-left-width: 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {

package/styles/bootstrap5.css

@@ -1658,6 +1658,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridcontent .e-groupcaption.e-lastrowcell {
   border-bottom-width: 1px;
 }
+.e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-bigger .e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption, .e-grid.e-bigger .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-groupcaption,
+.e-grid .e-gridcontent .e-groupcaptionrow .e-lastrowcell.e-recordplusexpand ~ td.e-lastrowcell.e-summarycell {
+  border-bottom-width: 0;
+}
 .e-grid .e-cloneproperties.e-draganddrop .e-row .e-icon-rowdragicon::before {
   position: relative;
   left: -5px;
@@ -2254,7 +2259,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
   border-left-width: 0;
 }
-.e-grid.e-default.e-bothlines .e-headercell, .e-grid.e-default.e-bothlines .e-detailheadercell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid:not(.sf-grid).e-default table th[rowspan] {
@@ -2732,7 +2737,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-style: solid;
   border-left-width: 1px;
 }
-.e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-left-style: solid;
@@ -3612,7 +3617,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: -9px;
   padding-top: 2px;
 }
-.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-headercell, .e-grid.e-rtl:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-dragheadercell, .e-grid.e-rtl.e-default.e-bothlines .e-rowdragheader, .e-grid.e-rtl.e-default.e-bothlines .e-cloneproperties.e-draganddrop td.e-rowdragdrop, .e-grid.e-rtl.e-default.e-verticallines .e-cloneproperties.e-draganddrop td.e-rowdragdrop {
@@ -3627,7 +3632,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left: 1px solid;
   border-right: 0;
 }
-.e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+.e-grid.e-rtl:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
   border-bottom-style: solid;
   border-bottom-width: 1px;
 }
@@ -3935,7 +3940,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
   text-align: left;
 }
-.e-grid.sf-grid.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 0 0 1px;
 }
 .e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]),
@@ -3955,7 +3960,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-default table th:not([rowspan="1"]).e-fixedfreeze.e-freezerightborder {
   border-right-width: 1px;
 }
-.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]) {
+.e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]):not(.e-detailcell, .e-detailindentcell, .e-stackedheadercell) {
   border-width: 0 1px 0 0;
 }
 .e-grid.sf-grid.e-rtl.e-default table th:not([rowspan="1"]).e-leftfreeze.e-freezeleftborder {
@@ -3976,6 +3981,27 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid.e-resize-lines.e-rtl.e-default table th:not([rowspan="1"]) {
   border-right: 0;
 }
+.e-grid.sf-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.sf-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
+  border-left: 0;
+  border-right: 0;
+  border-top: 0;
+}
+.e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
+  border-width: 0 0 0 1px;
+}
+.e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-left-style: solid;
+  border-left-width: 1px;
+}
 .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid .e-gridheader table th:not([rowspan="1"]), .e-grid.sf-grid .e-bigger .e-grid.sf-grid.e-grid.sf-grid.e-device .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger .e-gridheader table th:not([rowspan="1"]),
 .e-grid.sf-grid .e-grid.sf-grid.e-grid.sf-grid.e-bigger.e-device .e-gridheader table th:not([rowspan="1"]) {