There is no way to override the active styles apart from supplying a class name. In a solution that uses CSS modules, extra overhead is required and two approaches to styling this component must be maintained.
Functionally, I would like to adjust the colour here away from purple, but after an hour of searching there doesn't seem to be a clean way of doing this.
Please could you either:
Inform us of a way to style 'active' through the existing 'rowStyle' prop.
Add an 'activeRowStyle' prop where we can supply a colour and an outline that's applied to the currently active row.
Given the following example, and focusing on using JS to style the DataGrid component:
There is no way to override the active styles apart from supplying a class name. In a solution that uses CSS modules, extra overhead is required and two approaches to styling this component must be maintained.
Functionally, I would like to adjust the colour here away from purple, but after an hour of searching there doesn't seem to be a clean way of doing this.
Please could you either:
Thank you.