diff --git a/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_index.scss b/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_index.scss index 2c1dfb7c143f..cfc2b599f3b8 100644 --- a/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_index.scss +++ b/packages/devextreme-scss/scss/widgets/fluent/dataGrid/_index.scss @@ -84,6 +84,10 @@ td { border-top-color: $fluent-grid-base-border-color; border-bottom-color: $fluent-grid-base-border-color; + + &.dx-datagrid-sticky-column, &.dx-datagrid-sticky-column-left, &.dx-datagrid-sticky-column-right { + background-color: $datagrid-group-row-bg; + } } } } @@ -125,11 +129,15 @@ } .dx-datagrid-rowsview { - .dx-group-cell:has(.dx-datagrid-group-row-container) { - padding-left: 0px; - padding-right: 0px; - overflow: initial; - background-color: transparent; + .dx-row.dx-group-row { + .dx-group-cell { + &.dx-datagrid-sticky-column, &.dx-datagrid-sticky-column-left, &.dx-datagrid-sticky-column-right { + padding-left: 0px; + padding-right: 0px; + overflow: initial; + background-color: transparent; + } + } } .dx-datagrid-group-row-container { diff --git a/packages/devextreme-scss/scss/widgets/generic/dataGrid/_index.scss b/packages/devextreme-scss/scss/widgets/generic/dataGrid/_index.scss index fb2d10c510bf..d668d2c3e1f9 100644 --- a/packages/devextreme-scss/scss/widgets/generic/dataGrid/_index.scss +++ b/packages/devextreme-scss/scss/widgets/generic/dataGrid/_index.scss @@ -76,6 +76,10 @@ td { border-top-color: $generic-grid-base-border-color; border-bottom-color: $generic-grid-base-border-color; + + &.dx-datagrid-sticky-column, &.dx-datagrid-sticky-column-left, &.dx-datagrid-sticky-column-right { + background-color: $datagrid-group-row-bg; + } } } } @@ -130,11 +134,15 @@ } .dx-datagrid-rowsview { - .dx-group-cell:has(.dx-datagrid-group-row-container) { - padding-left: 0px; - padding-right: 0px; - overflow: initial; - background-color: transparent; + .dx-row.dx-group-row { + .dx-group-cell { + &.dx-datagrid-sticky-column, &.dx-datagrid-sticky-column-left, &.dx-datagrid-sticky-column-right { + padding-left: 0px; + padding-right: 0px; + overflow: initial; + background-color: transparent; + } + } } .dx-datagrid-group-row-container { diff --git a/packages/devextreme-scss/scss/widgets/material/dataGrid/_index.scss b/packages/devextreme-scss/scss/widgets/material/dataGrid/_index.scss index 539466c4ba2f..f0118772e479 100644 --- a/packages/devextreme-scss/scss/widgets/material/dataGrid/_index.scss +++ b/packages/devextreme-scss/scss/widgets/material/dataGrid/_index.scss @@ -81,6 +81,10 @@ td { border-top-color: $material-grid-base-border-color; border-bottom-color: $material-grid-base-border-color; + + &.dx-datagrid-sticky-column, &.dx-datagrid-sticky-column-left, &.dx-datagrid-sticky-column-right { + background-color: $datagrid-group-row-bg; + } } } } @@ -123,11 +127,15 @@ .dx-datagrid-rowsview { - .dx-group-cell:has(.dx-datagrid-group-row-container) { - padding-left: 0px; - padding-right: 0px; - overflow: initial; - background-color: transparent; + .dx-row.dx-group-row { + .dx-group-cell { + &.dx-datagrid-sticky-column, &.dx-datagrid-sticky-column-left, &.dx-datagrid-sticky-column-right { + padding-left: 0px; + padding-right: 0px; + overflow: initial; + background-color: transparent; + } + } } .dx-datagrid-group-row-container {