@syncfusion/ej2-react-grids 21.2.3 → 21.2.5

package/styles/grid/tailwind.css

@@ -786,6 +786,10 @@
   padding: 6px 0;
   font-size: 16px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 0;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 6px 0;
@@ -844,6 +848,7 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 33px;
+  padding: 0 8px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -921,6 +926,10 @@
   margin-top: 0;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid span.e-ungroupbutton.e-icons:hover,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
   color: #374151;
@@ -930,6 +939,10 @@
   margin-right: 0;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -1915,6 +1928,8 @@
   border-top-style: solid;
   border-top-width: 1px;
   padding: 0.3em;
+  font-weight: normal;
+  text-align: left;
 }
 .e-grid th.e-detailcell .e-rowcell,
 .e-grid th.e-detailcell .e-gridpager {
@@ -2917,6 +2932,7 @@
 .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
   border-right-style: solid;
   border-right-width: 1px;
+  text-align: right;
 }
 .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
   float: left;
@@ -3263,6 +3279,10 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0 0 0 8px;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0 8px;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,
@@ -3412,8 +3432,17 @@
   position: absolute;
   top: 6px;
   white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
   width: 45%;
 }
+.e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
+.e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
+.e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
+  line-height: 21px;
+  white-space: normal;
+  word-wrap: break-word;
+}
 .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {

package/styles/highcontrast-light.css

@@ -1132,6 +1132,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 1px 10px;
   font-size: 14px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 1px 10px;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 0 9px;
@@ -1190,6 +1194,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 30px;
+  padding: 0;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -1267,11 +1272,19 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 1px;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 1px;
+}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -2235,6 +2248,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-top-style: solid;
   border-top-width: 1px;
   padding: 0.3em;
+  font-weight: normal;
+  text-align: left;
 }
 .e-grid th.e-detailcell .e-rowcell,
 .e-grid th.e-detailcell .e-gridpager {
@@ -3224,6 +3239,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
   border-right-style: solid;
   border-right-width: 1px;
+  text-align: right;
 }
 .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
   float: left;
@@ -3566,6 +3582,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,
@@ -3715,8 +3735,17 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: absolute;
   top: 6px;
   white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
   width: 45%;
 }
+.e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
+.e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
+.e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
+  line-height: 18px;
+  white-space: normal;
+  word-wrap: break-word;
+}
 .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {

package/styles/highcontrast.css

@@ -1132,6 +1132,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 1px 10px;
   font-size: 14px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 1px 10px;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 0 9px;
@@ -1190,6 +1194,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 30px;
+  padding: 0;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -1267,11 +1272,19 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 1px;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 1px;
+}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -2235,6 +2248,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-top-style: solid;
   border-top-width: 1px;
   padding: 0.3em;
+  font-weight: normal;
+  text-align: left;
 }
 .e-grid th.e-detailcell .e-rowcell,
 .e-grid th.e-detailcell .e-gridpager {
@@ -3224,6 +3239,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
   border-right-style: solid;
   border-right-width: 1px;
+  text-align: right;
 }
 .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
   float: left;
@@ -3566,6 +3582,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,
@@ -3715,8 +3735,17 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: absolute;
   top: 6px;
   white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
   width: 45%;
 }
+.e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
+.e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
+.e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
+  line-height: 18px;
+  white-space: normal;
+  word-wrap: break-word;
+}
 .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {

package/styles/material-dark.css

@@ -1182,6 +1182,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 0 8px 0 12px;
   font-size: 13px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 0 8px 0 12px;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 0 8px 0 12px;
@@ -1240,6 +1244,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 30px;
+  padding: 0;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -1317,11 +1322,19 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 0;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -2285,6 +2298,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-top-style: solid;
   border-top-width: 1px;
   padding: 0.3em;
+  font-weight: normal;
+  text-align: left;
 }
 .e-grid th.e-detailcell .e-rowcell,
 .e-grid th.e-detailcell .e-gridpager {
@@ -3274,6 +3289,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
   border-right-style: solid;
   border-right-width: 1px;
+  text-align: right;
 }
 .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
   float: left;
@@ -3616,6 +3632,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,
@@ -3765,8 +3785,17 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: absolute;
   top: 6px;
   white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
   width: 45%;
 }
+.e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
+.e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
+.e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
+  line-height: 18px;
+  white-space: normal;
+  word-wrap: break-word;
+}
 .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {

package/styles/material.css

@@ -1224,6 +1224,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 0 8px 0 12px;
   font-size: 13px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 0 8px 0 12px;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 0 8px 0 12px;
@@ -1282,6 +1286,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 30px;
+  padding: 0;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -1359,11 +1364,19 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 0;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -2327,6 +2340,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-top-style: solid;
   border-top-width: 1px;
   padding: 0.3em;
+  font-weight: normal;
+  text-align: left;
 }
 .e-grid th.e-detailcell .e-rowcell,
 .e-grid th.e-detailcell .e-gridpager {
@@ -3316,6 +3331,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
   border-right-style: solid;
   border-right-width: 1px;
+  text-align: right;
 }
 .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
   float: left;
@@ -3658,6 +3674,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,
@@ -3807,8 +3827,17 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: absolute;
   top: 6px;
   white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
   width: 45%;
 }
+.e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
+.e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
+.e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
+  line-height: 18px;
+  white-space: normal;
+  word-wrap: break-word;
+}
 .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {

package/styles/tailwind-dark.css

@@ -1211,6 +1211,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 6px 0;
   font-size: 16px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 0;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 6px 0;
@@ -1269,6 +1273,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 33px;
+  padding: 0 8px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -1346,6 +1351,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 0;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid span.e-ungroupbutton.e-icons:hover,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
   color: #374151;
@@ -1355,6 +1364,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: 0;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -2340,6 +2353,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-top-style: solid;
   border-top-width: 1px;
   padding: 0.3em;
+  font-weight: normal;
+  text-align: left;
 }
 .e-grid th.e-detailcell .e-rowcell,
 .e-grid th.e-detailcell .e-gridpager {
@@ -3342,6 +3357,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
   border-right-style: solid;
   border-right-width: 1px;
+  text-align: right;
 }
 .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
   float: left;
@@ -3688,6 +3704,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0 0 0 8px;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0 8px;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,
@@ -3837,8 +3857,17 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: absolute;
   top: 6px;
   white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
   width: 45%;
 }
+.e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
+.e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
+.e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
+  line-height: 21px;
+  white-space: normal;
+  word-wrap: break-word;
+}
 .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {

package/styles/tailwind.css

@@ -1211,6 +1211,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 6px 0;
   font-size: 16px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 0;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 6px 0;
@@ -1269,6 +1273,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 33px;
+  padding: 0 8px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -1346,6 +1351,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 0;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid span.e-ungroupbutton.e-icons:hover,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
   color: #374151;
@@ -1355,6 +1364,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-right: 0;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -2340,6 +2353,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-top-style: solid;
   border-top-width: 1px;
   padding: 0.3em;
+  font-weight: normal;
+  text-align: left;
 }
 .e-grid th.e-detailcell .e-rowcell,
 .e-grid th.e-detailcell .e-gridpager {
@@ -3342,6 +3357,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl.e-default .e-detailcell, .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
   border-right-style: solid;
   border-right-width: 1px;
+  text-align: right;
 }
 .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
   float: left;
@@ -3688,6 +3704,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0 0 0 8px;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0 8px;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,
@@ -3837,8 +3857,17 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: absolute;
   top: 6px;
   white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
   width: 45%;
 }
+.e-bigger .e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before, .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before,
+.e-bigger.e-grid.e-row-responsive .e-gridcontent .e-verticalwrap td::before,
+.e-bigger.e-grid.e-row-responsive .e-summarycontent .e-verticalwrap td::before {
+  line-height: 21px;
+  white-space: normal;
+  word-wrap: break-word;
+}
 .e-bigger .e-grid.e-row-responsive .e-gridcontent td[data-cell], .e-bigger .e-grid.e-row-responsive .e-summarycontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-gridcontent td[data-cell],
 .e-bigger.e-grid.e-row-responsive .e-summarycontent td[data-cell] {