I'm using the community version of DataGrid from Material UI.
I've find the way to respond to row click using onRowClick prop, but I can't find a way to disable the selection highlight of a single cell and make the entire row with a cursor pointer:
<DataGrid disableSelectionOnClick={true} onRowClick={p => console.log('row clicked', p)} />
Isn't this feature available?

Might be a tad late but I came across the exact same need:
<Datagrid
...
sx={{
// disable cell selection style
'.MuiDataGrid-cell:focus': {
outline: 'none'
},
// pointer cursor on ALL rows
'& .MuiDataGrid-row:hover': {
cursor: 'pointer'
}
}}
/>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With