Change color of Data grid while hover over a cell

0
hi i want to change the color of data grid column cells while i point my mouse over them. can anyone tell me classes and styles which i can use to do this ? 
asked
3 answers
1

You have to put a class name in the column : let’s say class1

Then on your custom.css / main.css file (you can find it inside theme/styles/web/css) you have to put
td.class1:hover{
    background-color:yellow;
}

answered
1

You can add a classname to your datagrid(s) on tab “Appearance”:

Then add this to your custom SASS:

.datagrid-highlighted{
    td:hover{
        background-color: green;
    }
}

Here the description as to how customize styling in an app:

https://docs.mendix.com/howto/front-end/customize-styling-new

answered
0

Within the .mx-grid you can target the td class which is the cell
You can use :hover to change te styles on hover of the cell.

This however will be applied to all the cells within the grid. If you want change the cell more dynamically, based on data you can use: https://marketplace.mendix.com/link/component/106254

answered