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

[data grid] Select all children rows in Row-Group #12222

Open
MiraHariri opened this issue Feb 27, 2024 · 7 comments
Open

[data grid] Select all children rows in Row-Group #12222

MiraHariri opened this issue Feb 27, 2024 · 7 comments
Labels
component: data grid This is the name of the generic UI component, not the React module! feature: Row grouping Related to the data grid Row grouping feature feature: Selection Related to the data grid Selection feature support: commercial Support request from paid users support: premium standard Support request from a Premium standard plan user. https://mui.com/legal/technical-support-sla/

Comments

@MiraHariri
Copy link

MiraHariri commented Feb 27, 2024

The problem in depth

When using checkboxSelection with rowGrouping, how can I make the grouped row act as a parent and when it is selected, all the children rows must be selected as well

For example:
image

here when selecting eu-west-1, I want all 12 rows under it to be selected as well (select all children rows)

Your environment

`npx @mui/envinfo`
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: checkboxSelection rowGrouping selectAll
Order ID: 78698

@MiraHariri MiraHariri added status: waiting for maintainer These issues haven't been looked at yet by a maintainer support: commercial Support request from paid users labels Feb 27, 2024
@MiraHariri MiraHariri changed the title When using checkboxSelection with rowGrouping, how can I make the grouped row act as a parent and when it is selected, all the children rows must be selected as well Select all children rows Feb 27, 2024
@zannager zannager added component: data grid This is the name of the generic UI component, not the React module! support: premium standard Support request from a Premium standard plan user. https://mui.com/legal/technical-support-sla/ labels Feb 27, 2024
@michelengelen
Copy link
Member

Hey @MiraHariri ... this is a very interesting use case and it definitely is possible with the built in methods. I created an example implementation for this: Toggle children row selection

If you need further assistance please feel free to reach out!

@michelengelen michelengelen added status: waiting for author Issue with insufficient information feature: Selection Related to the data grid Selection feature feature: Row grouping Related to the data grid Row grouping feature and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Feb 27, 2024
@michelengelen michelengelen changed the title Select all children rows [data grid] Select all children rows Feb 27, 2024
@MiraHariri
Copy link
Author

@michelengelen thank you, but I can't reach the link you provided

image

@github-actions github-actions bot added status: waiting for maintainer These issues haven't been looked at yet by a maintainer and removed status: waiting for author Issue with insufficient information labels Feb 27, 2024
@michelengelen
Copy link
Member

@michelengelen thank you, but I can't reach the link you provided

Sry, codesandbox recently changed the way they fork and store. Here is an updated link: Sandbox

@michelengelen michelengelen 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 Feb 27, 2024
@MiraHariri
Copy link
Author

@michelengelen thank you, but I can't reach the link you provided

Sry, codesandbox recently changed the way they fork and store. Here is an updated link: Sandbox

Thank you so much for your help! Your solution did the trick and solved my problem perfectly. I appreciate your assistance

@github-actions github-actions bot added status: waiting for maintainer These issues haven't been looked at yet by a maintainer and removed status: waiting for author Issue with insufficient information labels Feb 28, 2024
@michelengelen
Copy link
Member

Hey @MiraHariri ... glad to hear that I could be of help. ✨
If you encounter any other problem please don't hesitate to open up another issue!
I will close this one now! Thanks again! 🙇🏼

Copy link

⚠️ This issue has been closed.
If you have a similar problem, please open a new issue and provide details about your specific problem.
If you can provide additional information related to this topic that could help future readers, please feel free to leave a comment.

How did we do @MiraHariri?
Your experience with our support team matters to us. If you have a moment, please share your thoughts through our brief survey.

@michelengelen michelengelen removed the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Feb 28, 2024
@michelengelen
Copy link
Member

Comment from @MiraHariri on the other issue: Comment

We should try to build a solution for this behavior. I will add this to the board.

@michelengelen michelengelen reopened this Mar 6, 2024
@michelengelen michelengelen changed the title [data grid] Select all children rows [data grid] Select all children rows in Row-Group Mar 6, 2024
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! feature: Row grouping Related to the data grid Row grouping feature feature: Selection Related to the data grid Selection feature support: commercial Support request from paid users support: premium standard Support request from a Premium standard plan user. https://mui.com/legal/technical-support-sla/
Projects
None yet
Development

No branches or pull requests

3 participants