Forum | Appery.io

How do I customise the background-color of the DataTable's selected/active row?

Inspect Elements Styles:

.ngx-datatable.material.single-selection .datatable-body-row.active, .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active, .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active, .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group {
background-color: #304ffe;
color: #fff;
}

Hello,

What do you mean with "the active row"? the row with the focused component or hovered by the pointer?

When you click on a row to make it selected.

See this tutorial: https://docs.appery.io/docs/ionic-4-n...

The default colour is blue when a row has been selected.

Please, can I get some help here?

FYI

:host
::ng-deep
.ngx-datatable.material:not(.cell-selection)
.datatable-body-row.active
.datatable-row-group{
background-color: #BFE222;
}

Thank you for sharing this information with our community!