Material Table Nested Rows Expand/collapse In Reactjs

I am having a react-chartjs with material-table integrated, find it in this link: https://codesandbox.io/s/elastic-brook-okkce?file=/src/Dashboard.jsx As you may see that on the cl

Solution 1:

You can show child data in material-table by setting dataset of relational data where id and parentId will be provided. here is an example

For getting selected id for clicked row, you can use onSelectionChange

Here is the complete code. Please check this code sandbox