[data grid] Check the grouped child rows on select of the grouped row

[ashishchoudhary12]

Steps to reproduce

I want to check the grouped child rows when the grouped row is selected. I've tried the solution mentioned here, but it didn't work. I also tried the approach discussed here, but it didn't work either. Here's what I've tried so far:
https://codesandbox.io/p/sandbox/staging-bash-lmhs27?file=%2Fsrc%2FDemo.tsx

Current behavior

No response

Expected behavior

No response

Context

Your environment

npx @mui/envinfo

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

Search keywords: Check the grouped child rows on select of the grouped row

[michelengelen]

Hey @ashishchoudhary12 ... it works as expected with Data Grid Premium: DEMO

I have added a recipe PR so that we can provide a demo on the docs as well: #13856

I will close this one in favor of #4248

[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.

@ashishchoudhary12: 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.

[ashishchoudhary12]

@michelengelen Thank you it is working..
Once I checked how can I get the checked rows.
Like either by apiRef.current.something() or using some prop?
Second question is can I shift the child rows little right using marginLeft: ??