Change Checkbox to Radio Button Material UI Data Grid

Question

I am working on a React project and currently using Material Ui Data Grid for the data display.

What I want is in the table I decide whether I want the checkbox at the starting of each row or a Radio button.

Of Course the feature changes as with the radio button I can select only one data and with check box, I can select multiple data.

I can't seem to find how to do this.

Thank you for the help.

Answer 1

This can be achieved using OnSelectionModelChange props of material-ui datagrid and Radio button.

Live Demo