[DataGrid] Implement Master detail/panel

[oliviertassinari]

Docs

https://mui.com/components/data-grid/group-pivot/#master-detail

Benchmark

• https://material-table.com/#/docs/features/detail-panel
• https://devexpress.github.io/devextreme-reactive/react/grid/docs/guides/detail-row/
• https://shlomiassaf.github.io/ngrid/features/built-in-plugins/detail-row
• https://www.ag-grid.com/javascript-grid-master-detail/
• https://ej2.syncfusion.com/react/demos/#/material/grid/master-detail
• https://www.telerik.com/kendo-react-ui/components/grid/advanced-features/hierarchy/

[oliviertassinari]

@ak-mid In theory, this will be inside the Pro plan. Virtualization doesn't make it a simple problem to solve.

We do have this feature available with the simple <Table> component as you have already raised: https://mui.com/components/tables/#collapsible-table.

[ak-mid]

@oliviertassinari Thanks for clarification! I already thought that this won't be an easy task.

[wmhartl]

Another example in case it helps: https://autodesk.github.io/react-base-table/examples/detail-view

We'd jump into Pro immediately if this feature was added.

[tlmader]

Hello! We are interested in using <XGrid> with the Pro (and eventually Premium) plan for our project, and we require master/detail panel. I don't currently see this in the Material-UI X public roadmap. Do you have any ETAs regarding this feature?

[oliviertassinari]

@tlmader We will update the public roadmap in the coming 7 days. We reach the end of Q1, time to reprioritize :).

[tlmader]

@oliviertassinari Thank you for the reply!

[davidhernon]

@oliviertassinari Hello, we are in the same boat as @tlmader. I just checked the roadmap (seeing it was updated 2 days ago) but I'm not seeing anything about this feature! Are there any plans for this feature at this time? Thank you!

[oliviertassinari]

@davidhernon Hard to tell. We currently aim to improve the quality of the current feature implemented, so existing users get a great experience with as well as landing on a stable version.

We know that we want to fix #417 and #438. Once done, this issue should be simple to handle.

[davidhernon]

@oliviertassinari Thanks for the info!

[allidoisace]

Hi there, what would be the difference between this and the Tree Data feature?

[wmhartl]

Tree data in my experience is nested relations of the same type of data, so say a parent/child relationship between rows of data in the grid. So expanding the tree would let you see its "child" rows.

A detail panel lets you expose additional data about whatever specific item is in that row - such as in the picture above the "history" of the frozen yogurt.

[ironpfis7]

Our company is currently using the pro version of the data-grid, and we would love to use this feature. Are there any updates on when exactly this may be accessible? I see it was pushed to Q4, but was wondering if there was a specific month that was being aimed for.

[arheinjohnson]

Is there a workaround for this in the latest release, to have an expandable row with a details subcomponent? We need something to work now and can incorporate your improved feature when it's available.

[m4theushw]

@arheinjohnson This is a complex feature, a workaround is not possible. First we need to support variable row height to be able to add the master/detail row.

[Spylon]

I am attempting to implement a workaround using Dialogs. Has anyone else tried this?

[arheinjohnson]

Will there be a pre-release branch we could pull from to test this feature?

[flaviendelangle]

@arheinjohnson not currently
When we will be working on it, we will have a branch automatically published like on every PR.
That's something we could clarify for this kind of large feature, in order to have quick feedback with people willing to spend time testing it before the release.

[AKCodez]

As a purchaser of the Data Grid Pro component, I would love to have this feature!

[kpotter-m2]

As a purchaser of the Data Grid Pro component, I would love to have this feature!

Second this, currently we have to use the MUI Table component & create most of what DataGridPro already does ourselves. Would be great if it had this feature so that we can move over to using DataGrid instead.

[stamahto]

This function would be highly appreciated.

[dan1elok]

I can't believe the pro version doesn't still have this feature. It's one of the most important ones! The team has to think about it.