Individual cell render into a table down below on onclick event

[sandeep1407]

Hi,
I am not sure that it is support to expand individual cell on onclick event similar to Detail Panel (Expanding).

I have seen the example in another grid as below here.
individual-cell-expand.docx

[KevinVandy]

You can easily implement that in MRT. You've got a lot of options actually. Custom Cell render in the column defs, hook up events in muiTableBodyCellProps, etc.

https://www.material-react-table.com/docs/guides/table-event-listeners

[sandeep1407]

Thank you for the reply Kevin.
I have tried to use these option but unable to achieve it. I have written the demo code here in codeSandbox.

Can you please help to make a link on individual cell and render into a Box or another table down in CodeSandbox.
Thank you so much for quick help.

[sandeep1407]

did you get a chance to look out this codeSandbox please. I tried but its not rendering in place similar to Detail Panel (Expanding).

Thank you in advance.