@syncfusion/ej2-react-grids 23.1.44 → 23.2.6

package/styles/fluent-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;
@@ -2985,6 +2990,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"]) {
@@ -4176,6 +4196,12 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-bottom: 0;
 }
 
+.e-bigger.e-grid.sf-grid.e-row-responsive .e-gridcontent td::before, .e-bigger.e-grid.sf-grid.e-row-responsive .e-summarycontent td::before,
+.e-bigger .e-grid.sf-grid.e-row-responsive .e-gridcontent td::before,
+.e-bigger .e-grid.sf-grid.e-row-responsive .e-summarycontent td::before {
+  overflow: hidden;
+}
+
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
@@ -5145,6 +5171,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #252423;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #252423;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fed9cc;

package/styles/fluent.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;
@@ -2985,6 +2990,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"]) {
@@ -4176,6 +4196,12 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-bottom: 0;
 }
 
+.e-bigger.e-grid.sf-grid.e-row-responsive .e-gridcontent td::before, .e-bigger.e-grid.sf-grid.e-row-responsive .e-summarycontent td::before,
+.e-bigger .e-grid.sf-grid.e-row-responsive .e-gridcontent td::before,
+.e-bigger .e-grid.sf-grid.e-row-responsive .e-summarycontent td::before {
+  overflow: hidden;
+}
+
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
 .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
@@ -5145,6 +5171,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #f3f2f1;
 }
 
+.e-spreadsheet .e-ftrchk.e-chkfocus {
+  background-color: #f3f2f1;
+}
+
 .e-tooltip-wrap.e-griderror,
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: #fed9cc;

package/styles/grid/bootstrap-dark.css

@@ -1172,6 +1172,11 @@
 .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;
@@ -2488,6 +2493,7 @@
 }
 .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;
@@ -3446,7 +3452,7 @@
 .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"]),
@@ -3466,7 +3472,7 @@
 .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 {
@@ -3494,6 +3500,20 @@
 .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"]) {
@@ -4609,6 +4629,10 @@
   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/grid/bootstrap.css

@@ -1173,6 +1173,11 @@
 .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;
@@ -2489,6 +2494,7 @@
 }
 .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;
@@ -3447,7 +3453,7 @@
 .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"]),
@@ -3467,7 +3473,7 @@
 .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 {
@@ -3495,6 +3501,20 @@
 .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"]) {
@@ -4610,6 +4630,10 @@
   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/grid/bootstrap4.css

@@ -1229,6 +1229,11 @@
 .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;
@@ -2549,6 +2554,7 @@
 }
 .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;
@@ -3509,7 +3515,7 @@
 .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"]),
@@ -3529,7 +3535,7 @@
 .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 {
@@ -3557,6 +3563,20 @@
 .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"]) {
@@ -4686,6 +4706,10 @@
   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/grid/bootstrap5-dark.css

@@ -1231,6 +1231,11 @@
 .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;
@@ -2550,6 +2555,7 @@
 }
 .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;
@@ -3508,7 +3514,7 @@
 .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"]),
@@ -3528,7 +3534,7 @@
 .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 {
@@ -3556,6 +3562,20 @@
 .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"]) {
@@ -4686,6 +4706,10 @@
   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/grid/bootstrap5.css

@@ -1231,6 +1231,11 @@
 .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;
@@ -2550,6 +2555,7 @@
 }
 .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;
@@ -3508,7 +3514,7 @@
 .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"]),
@@ -3528,7 +3534,7 @@
 .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 {
@@ -3556,6 +3562,20 @@
 .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"]) {
@@ -4686,6 +4706,10 @@
   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/grid/fabric-dark.css

@@ -1146,6 +1146,11 @@
 .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;
@@ -2462,6 +2467,7 @@
 }
 .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;
@@ -3420,7 +3426,7 @@
 .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"]),
@@ -3440,7 +3446,7 @@
 .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 {
@@ -3468,6 +3474,20 @@
 .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"]) {
@@ -4583,6 +4603,10 @@
   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/grid/fabric.css

@@ -1139,6 +1139,11 @@
 .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;
@@ -2455,6 +2460,7 @@
 }
 .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;
@@ -3413,7 +3419,7 @@
 .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"]),
@@ -3433,7 +3439,7 @@
 .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 {
@@ -3461,6 +3467,20 @@
 .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"]) {
@@ -4576,6 +4596,10 @@
   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;