Is it possible to implement expand-collapse for each row using Material-UI DataGrid? I know that we should be able to do this using TableRow and render it manually (Collapsible table), but is it possible to do that in DataGrid. We want to use the out of the box superb filtering and sorting that DataGrid provides.
Thanks
mockup
Is it possible to implement expand-collapse for each row using Material-UI DataGrid? I know that we should be able to do this using TableRow and render it manually (Collapsible table), but is it possible to do that in DataGrid. We want to use the out of the box superb filtering and sorting that DataGrid provides.
Thanks
mockup
Share Improve this question edited Apr 28, 2021 at 20:33 and t asked Apr 28, 2021 at 20:11 and tand t 1811 gold badge1 silver badge6 bronze badges 04 Answers
Reset to default 8I think I found the answer to my own question.
It's their uping feature => https://github./mui-org/material-ui-x/issues/211 based on https://material-ui./ponents/data-grid/group-pivot/#master-detail
I have seen a great example but that is using the MUIDataTable. Perhaps you could consider using that if all else fails. example of MUI expandable rows
Actually this is one one muiX 's premium feature , and it not available for free , you can buy it's license or implement it manualy.
Straight forward answer, choose anyone:
- Go to premium plane.
- Install another package https://www.npmjs./package/mui-datatables
- Use drawer, when you click to any particular row, open drawer.
Note: You have no any option to direct use this premium without going to any premium plane right now. Feel free to ask me.