@syncfusion/ej2-react-grids 23.1.44 → 23.2.6

package/CHANGELOG.md

@@ -6,6 +6,35 @@
 
 #### Bug fixes
 
+- `#I517762` - Resolved the issue with paste functionality of the Grid on Mac devices.
+- `#I520019` - The filter dialog `popup` is closed when no records are found during the search and press Enter key has been fixed.
+- `#I514004` - Fixed an issue with the space between the arrow in the tooltip and the content.
+- `#I511050` - Error thrown while sorting columns after filtering has been resolved.
+- `#I464878` - The issue where the focus style for checkbox items was not applying to the spreadsheet component has been resolved.
+- `#F185039` - Resolved a problem where the grid would not display all records when the filter was cleared.
+- `#I513685` - Aria-label for `SelectAllCheckbox` is now descriptive for accessibility.
+
+- `#I517762` - Resolved the issue with paste functionality of the Grid on Mac devices.
+- `#I514004` - Fixed an issue with the space between the arrow in the tooltip and the content.
+- `#I511050` - Error thrown while sorting columns after filtering has been resolved.
+- `#I464878` - The issue where the focus style for checkbox items was not applying to the spreadsheet component has been resolved.
+- `#F185039` - Resolved a problem where the grid would not display all records when the filter was cleared.
+- `#I513685` - Aria-label for `SelectAllCheckbox` is now descriptive for accessibility.
+
+## 23.2.4 (2023-11-20)
+
+### Grid
+
+#### 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.

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-grids.min.js
-*  version : 23.1.44
+*  version : 23.2.6
 *  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.44
+*  version : 23.2.6
 *  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.43",
+  "_id": "@syncfusion/ej2-react-grids@23.2.4",
   "_inBundle": false,
-  "_integrity": "sha512-dq43csWc6NkLezNYcjEVgwUUaQNnCd9JbjIYDvs7TGgA41NuyNEfQ49FV9ZpbtbOh/8KBHYL2UbzHlcSOpZxnw==",
+  "_integrity": "sha512-58K+UhedxY0AyyNoESMLvFi6zkatS6Plgsn50IzZLAiOjy1jq7pImT2X3rDfQ2p4x92H7LlAWcFmlhRVtruhLA==",
   "_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.43.tgz",
-  "_shasum": "c7372c7bf5a97ffa77e1a176aa7f3daf4839d092",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-23.2.4.tgz",
+  "_shasum": "573b6cce2a0fe6c47c16ce0951e128bd49c17898",
   "_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.44",
-    "@syncfusion/ej2-react-base": "~23.1.43"
+    "@syncfusion/ej2-base": "~23.2.6",
+    "@syncfusion/ej2-grids": "23.2.6",
+    "@syncfusion/ej2-react-base": "~23.2.5"
   },
   "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.44",
+  "version": "23.2.6",
   "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;
@@ -2912,6 +2917,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -3870,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"]),
@@ -3890,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 {
@@ -3918,6 +3924,20 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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"]) {
@@ -5033,6 +5053,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #393939;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #393939;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

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;
@@ -2913,6 +2918,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -3871,7 +3877,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 +3897,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 {
@@ -3919,6 +3925,20 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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"]) {
@@ -5034,6 +5054,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #f5f5f5;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f5f5f5;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

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;
@@ -2984,6 +2989,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -3944,7 +3950,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 +3970,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 {
@@ -3992,6 +3998,20 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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"]) {
@@ -5121,6 +5141,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: rgba(0, 0, 0, 0.08);
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

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;
@@ -2977,6 +2982,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -3935,7 +3941,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 +3961,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 {
@@ -3983,6 +3989,20 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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"]) {
@@ -5113,6 +5133,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #31373d;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #31373d;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fadfe2;

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;
@@ -2977,6 +2982,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -3935,7 +3941,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 +3961,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 {
@@ -3983,6 +3989,20 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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"]) {
@@ -5113,6 +5133,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #eff1f4;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #eff1f4;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #f8d7da;

package/styles/fabric-dark.css

@@ -1570,6 +1570,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;
@@ -2886,6 +2891,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -3844,7 +3850,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"]),
@@ -3864,7 +3870,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 {
@@ -3892,6 +3898,20 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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"]) {
@@ -5007,6 +5027,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #414040;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #414040;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;

package/styles/fabric.css

@@ -1563,6 +1563,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;
@@ -2879,6 +2884,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
   left: 44%;
+  top: -8px;
 }
 .e-grid .e-normaledit .e-rowcell {
   padding-bottom: 0;
@@ -3837,7 +3843,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"]),
@@ -3857,7 +3863,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 {
@@ -3885,6 +3891,20 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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"]) {
@@ -5000,6 +5020,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #f4f4f4;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f4f4f4;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fcdbe4;