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;
}
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
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