Radio button group with react-handsontable

Tags: #<Tag:0x00007fd2c1c82bc0>

We need to have radio buttons in the first column in our react-handsontable. However, it is a radio button group. So the whenever any radio button is selected, all others need to be unselected.

Also, we need to implement an event listener for this radio button, and when any radio button is selected, there are other ‘effects’ that happen on the page … I tried using custom renderer with this being my renderer function -

https://jsfiddle.net/amit_shah25/4qruezvp/

Above is the jsfiddle of my code … I have registered ‘onchange’ event, but I don’t see anything on the console …

Hi @marius.editoiu

I recommend using the afterOnCellMouseDown hook and check the value of the radio instead. Handsontable steals some events.

ps. I would add editor: false for the radio column.

Hello !

I tried that, but still doesn’t work …

https://jsfiddle.net/amit_shah25/4qruezvp/

I have updated the jsfiddle above with your suggestions, but still doesn’t generate the console log … ?

Thanks !

I’d really like to help here but it exceeds a normal (Basic) support plan to do the code review. However, if you have an Extended support plan please share the details on support@handsontable.com