@syncfusion/ej2-react-grids 26.1.38 → 26.1.40

package/styles/grid/bootstrap5-dark.css

@@ -1791,7 +1791,9 @@
   line-height: 14px;
   padding: 6px 8px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -3106,7 +3108,7 @@
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4557,7 +4559,9 @@
   border-color: #444c54;
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: #212529;
+}
 .e-grid .e-gridcontent {
   background-color: #212529;
 }

package/styles/grid/bootstrap5.css

@@ -1791,7 +1791,9 @@
   line-height: 14px;
   padding: 6px 8px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -3106,7 +3108,7 @@
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4557,7 +4559,9 @@
   border-color: #dee2e6;
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: #fff;
+}
 .e-grid .e-gridcontent {
   background-color: #fff;
 }

package/styles/grid/fabric-dark.css

@@ -1716,7 +1716,9 @@
   line-height: 21px;
   padding: 7px 8px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -3031,7 +3033,7 @@
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4462,7 +4464,9 @@
   border-color: #414040;
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: #201f1f;
+}
 .e-grid .e-gridcontent {
   background-color: #201f1f;
 }

package/styles/grid/fabric.css

@@ -1715,7 +1715,9 @@
   line-height: 21px;
   padding: 7px 8px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -3030,7 +3032,7 @@
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4461,7 +4463,9 @@
   border-color: #eaeaea;
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: #fff;
+}
 .e-grid .e-gridcontent {
   background-color: #fff;
 }

package/styles/grid/fluent-dark.css

@@ -1796,7 +1796,9 @@
   line-height: 14px;
   padding: 7px 7px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -3120,7 +3122,7 @@
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4596,7 +4598,9 @@
   border-color: #292827;
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: transparent;
+}
 .e-grid .e-gridcontent {
   background-color: #1b1a19;
 }

package/styles/grid/fluent.css

@@ -1796,7 +1796,9 @@
   line-height: 14px;
   padding: 7px 7px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -3120,7 +3122,7 @@
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4596,7 +4598,9 @@
   border-color: #edebe9;
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: transparent;
+}
 .e-grid .e-gridcontent {
   background-color: #fff;
 }

package/styles/grid/fluent2.css

@@ -207,7 +207,7 @@
   --color-sf-info-outline: var(--color-sf-info-border-color);
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
   --color-sf-success-bg-color: #218c21;
   --color-sf-success-border-color: var(--color-sf-success-bg-color);
   --color-sf-success-text: var(--color-sf-primary-text-color);
-  --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
+  --color-sf-success-bg-color-hover: #0e700e;
   --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
   --color-sf-success-text-hover: var(--color-sf-primary-text-color);
   --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
   --color-sf-warning-bg-color: #f87528;
   --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
   --color-sf-warning-text: #242424;
-  --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
+  --color-sf-warning-bg-color-hover: #de590b;
   --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
   --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
   --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
   --color-sf-info-outline: #0099bc;
   --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
   --color-sf-tooltip-border: var(--color-sf-border-light);
-  --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
+  --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-text-color: var(--color-sf-content-text-color);
   --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
   --color-sf-appbar-bg-color-alt1: #fff;
@@ -1318,14 +1318,6 @@
 }
 
 /* stylelint-disable */
-.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
-  padding: 0;
-}
-
-.e-bigger .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
-  padding: 0;
-}
-
 .e-dialog .e-dlg-content {
   border-radius: 8px !important;
 }
@@ -3033,7 +3025,9 @@
   line-height: 20px;
   padding: 12px 8px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -4368,7 +4362,7 @@
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -5863,7 +5857,9 @@
   border-color: var(--color-sf-border-light);
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: var(--color-sf-content-bg-color-alt1);
+}
 .e-grid .e-gridcontent {
   background-color: var(--color-sf-content-bg-color-alt1);
 }
@@ -6048,7 +6044,7 @@
   border-color: var(--color-sf-border-light);
   border-radius: 4px;
   color: var(--color-sf-content-text-color-alt1);
-  border-color: #fff;
+  border-color: var(--color-sf-tooltip-border);
 }
 .e-grid .e-groupheadercell:hover {
   background-color: var(--color-sf-content-bg-color-hover);
@@ -6148,20 +6144,20 @@
 .e-control.e-tooltip-wrap.e-popup.e-griderror {
   background-color: var(--color-sf-tooltip-bg-color);
   border-color: var(--color-sf-tooltip-bg-color);
-  border-color: #fff;
+  border-color: var(--color-sf-tooltip-border);
 }
 
 .e-tooltip-wrap.e-griderror .e-arrow-tip-inner.e-tip-top,
 .e-tooltip-wrap.e-griderror .e-arrow-tip-outer.e-tip-top {
   border-bottom: 8px solid var(--color-sf-tooltip-bg-color);
   color: var(--color-sf-tooltip-bg-color);
-  border-bottom: 8px solid #fff;
+  border-bottom: 8px solid var(--color-sf-tooltip-border);
 }
 .e-tooltip-wrap.e-griderror .e-arrow-tip-outer.e-tip-bottom,
 .e-tooltip-wrap.e-griderror .e-arrow-tip-inner.e-tip-bottom {
   border-top: 8px solid var(--color-sf-tooltip-bg-color);
   color: var(--color-sf-tooltip-bg-color);
-  border-bottom: 8px solid #fff;
+  border-bottom: 8px solid var(--color-sf-tooltip-border);
 }
 .e-tooltip-wrap.e-griderror .e-tip-content,
 .e-tooltip-wrap.e-griderror .e-tip-content label {

package/styles/grid/highcontrast-light.css

@@ -1713,7 +1713,9 @@
   line-height: 21px;
   padding: 7px 8px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -3028,7 +3030,7 @@
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4459,7 +4461,9 @@
   border-color: #757575;
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: #fff;
+}
 .e-grid .e-gridcontent {
   background-color: #ccc;
 }

package/styles/grid/highcontrast.css

@@ -1713,7 +1713,9 @@
   line-height: 21px;
   padding: 7px 8px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -3028,7 +3030,7 @@
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4459,7 +4461,9 @@
   border-color: #969696;
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: #000;
+}
 .e-grid .e-gridcontent {
   background-color: #333;
 }

package/styles/grid/material-dark.css

@@ -1791,7 +1791,9 @@
   line-height: 18px;
   padding: 8px 21px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -3106,7 +3108,7 @@
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4543,7 +4545,9 @@
   border-color: #616161;
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: #303030;
+}
 .e-grid .e-gridcontent {
   background-color: #fff;
 }

package/styles/grid/material.css

@@ -1836,7 +1836,9 @@
   line-height: 18px;
   padding: 8px 21px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -3151,7 +3153,7 @@
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4588,7 +4590,9 @@
   border-color: #e0e0e0;
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: #fff;
+}
 .e-grid .e-gridcontent {
   background-color: #fff;
 }

package/styles/grid/material3-dark.css

@@ -2039,7 +2039,9 @@
   line-height: 20px;
   padding: 8px 8px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -2915,7 +2917,7 @@
 }
 .e-grid .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
   margin-top: 0;
-  padding: 3px;
+  padding: 8px;
 }
 .e-grid .e-edit-dialog {
   min-height: 350px;
@@ -3400,7 +3402,7 @@
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4863,7 +4865,9 @@
   border-color: rgba(var(--color-sf-outline-variant));
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: rgba(var(--color-sf-surface));
+}
 .e-grid .e-gridcontent {
   background-color: rgba(var(--color-sf-surface));
 }

package/styles/grid/material3.css

@@ -2151,7 +2151,9 @@
   line-height: 20px;
   padding: 8px 8px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -3027,7 +3029,7 @@
 }
 .e-grid .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
   margin-top: 0;
-  padding: 3px;
+  padding: 8px;
 }
 .e-grid .e-edit-dialog {
   min-height: 350px;
@@ -3512,7 +3514,7 @@
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4975,7 +4977,9 @@
   border-color: rgba(var(--color-sf-outline-variant));
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: rgba(var(--color-sf-surface));
+}
 .e-grid .e-gridcontent {
   background-color: rgba(var(--color-sf-surface));
 }

package/styles/grid/tailwind-dark.css

@@ -1792,7 +1792,9 @@
   padding: 6px 8px;
   padding: 0.7em 8px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -3135,7 +3137,7 @@
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4579,7 +4581,9 @@
   border-color: #4b5563;
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: #232e3e;
+}
 .e-grid .e-gridcontent {
   background-color: #1f2937;
 }

package/styles/grid/tailwind.css

@@ -1792,7 +1792,9 @@
   padding: 6px 8px;
   padding: 0.7em 8px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -3135,7 +3137,7 @@
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4579,7 +4581,9 @@
   border-color: #e5e7eb;
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: #f9fafb;
+}
 .e-grid .e-gridcontent {
   background-color: #fff;
 }

package/styles/highcontrast-light.css

@@ -2138,7 +2138,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   line-height: 21px;
   padding: 7px 8px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -3453,7 +3455,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4884,7 +4886,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-color: #757575;
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: #fff;
+}
 .e-grid .e-gridcontent {
   background-color: #ccc;
 }

package/styles/highcontrast.css

@@ -2138,7 +2138,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   line-height: 21px;
   padding: 7px 8px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -3453,7 +3455,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4884,7 +4886,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-color: #969696;
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: #000;
+}
 .e-grid .e-gridcontent {
   background-color: #333;
 }

package/styles/material-dark.css

@@ -2223,7 +2223,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   line-height: 18px;
   padding: 8px 21px;
   white-space: normal;
-  word-wrap: break-word;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .e-grid .e-summarycell.e-lastrowcell {
   border-bottom-width: 1px;
@@ -3538,7 +3540,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
   border-left-width: 0;
 }
-.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
+.e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child:not(.e-firstcell) {
   border-left: 0;
 }
 .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -4975,7 +4977,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-color: #616161;
 }
 .e-grid .e-headercell,
-.e-grid .e-detailheadercell,
+.e-grid .e-detailheadercell {
+  background-color: #303030;
+}
 .e-grid .e-gridcontent {
   background-color: #fff;
 }