changing the rows color

0
when i am selecting a particular row it is selecting but with less contrast when i scroll i got confused which row i have selected, so how to change the color of the rows while selecting.
asked
4 answers
1

Try something like this in your theme CSS: 

.mx-datagrid .mx-datagrid-body-table .selected td {
background-color: #1B3B7F;
}

answered
0

Check your theme layout.css for tableRowOdd and tableRowEven. Here you can specify the styling of these rows. See also the now a bit old documentation about theming here.

When you are using bootstrap you could look for some examples in the bootstrap themes on how to style these.

Regards,

Ronald

answered
0

For Bootstrap themes add some custom css. 

.mx-datagrid .mx-datagrid-body-table .selected td {
background-color: grey;
color: white;
}

Regards,

Luch

answered
0

Hi,

 

I have a similar situation.

Do I have to add the above mentioned code in the main.css file within this snippet below?

answered