[data grid] Accordian in DataGrid about mui-x

[michelengelen]

Hey @richaDhingra
From what I understand you can use the Master Detail feature for that. It will not wrap the row (which is not preferred) and instead add a section below that can be opened with a designated toggle column.

Inside you can render whatever you like, even accordions.

If you really need to add an accordion as a replacement for the row component you can also do that, but it is way more complicated and less performant. The approach you mentioned in your issues text is correct. Using slots.row would be the way to replace a row with something custom.

[richaDhingra]

@michelengelen Thanks for your reply , I have seen Master Detail feature and have planned to use that only.

One thing regarding the approach i wanted to workout i.e. using slots.row , if I use that it will override the current row component with a custom component and i won't be able to use data grid sorting feature on it. Is my understanding correct?

[michelengelen]

Yes, you are correct about the sorting. You would need to implement a custom sorting/filtering in that case

[richaDhingra]

@michelengelen Thanks for confirming.

[github-actions]

⚠️ This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@richaDhingra: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.