Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[question] Data grid premium - The button to expand all the detail panels at once #10122

Closed
2 tasks done
HyoilKim opened this issue Aug 23, 2023 · 4 comments
Closed
2 tasks done
Labels
component: data grid This is the name of the generic UI component, not the React module! plan: Premium Impact at least one Premium user support: commercial Support request from paid users support: question Community support but can be turned into an improvement

Comments

@HyoilKim
Copy link

HyoilKim commented Aug 23, 2023

Order ID

67616

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

The problem in depth 🔍

I wonder whether there is a button to expand all the details in the header. The button should be located beside 'Order ID'
image

FYI, I've searched 'https://mui.com/x/react-data-grid/row-recipes/#one-expanded-detail-panel-at-a-time'.

Your environment 🌎

`npx @mui/envinfo`
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.
@HyoilKim HyoilKim added status: waiting for maintainer These issues haven't been looked at yet by a maintainer support: commercial Support request from paid users labels Aug 23, 2023
@HyoilKim HyoilKim changed the title [question] the button to expand all detail panel [question] Data grid premium - The button to expand all the detail panels at once Aug 23, 2023
@HyoilKim
Copy link
Author

Does anyone know the answer?

@zannager zannager added support: question Community support but can be turned into an improvement component: data grid This is the name of the generic UI component, not the React module! plan: Premium Impact at least one Premium user labels Aug 24, 2023
@MBilalShafi
Copy link
Member

MBilalShafi commented Aug 28, 2023

expand all the details in the header.

Could you explain what details you are talking about?
Do you want a button to expand all the master-detail panels using one button?
May I know more about your use-case, why you need to expand all the details panels at once, and where that button should be?

By default, the Grid doesn't provide such a button but you can expand rows programmatically using available apiRef methods.

The plus button beside Order ID in master-detail demo should already be able to expand a specific row at a time.

@MBilalShafi MBilalShafi added status: waiting for author Issue with insufficient information and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Aug 28, 2023
@HyoilKim
Copy link
Author

HyoilKim commented Aug 28, 2023

Do you want a button to expand all the master-detail panels using one button?

Yes.

May I know more about your use-case, why you need to expand all the details panels at once, and where that button should be?

If a user wants to search data with ctrl+f in the details, the user should click all expand buttons manually. It's really troublesome. Plus, that button should be at the top left
image

By default, the Grid doesn't provide such a button but you can expand rows programmatically using available apiRef methods.

Got it. I'm looking forward to implementing it. Thank you

@github-actions github-actions bot removed the status: waiting for author Issue with insufficient information label Aug 28, 2023
@MBilalShafi
Copy link
Member

Got it. I'm looking forward to implementing it

Perfect 🎉

Since this question is answered, I'll close the issue now, feel free to reopen it if you have a similar thing bothering you again.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: data grid This is the name of the generic UI component, not the React module! plan: Premium Impact at least one Premium user support: commercial Support request from paid users support: question Community support but can be turned into an improvement
Projects
None yet
Development

No branches or pull requests

3 participants