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

[DataGridPremium] Grouped checkbox selection on parent does not select children #9447

Closed
2 tasks done
bensonwong opened this issue Jun 24, 2023 · 1 comment
Closed
2 tasks done
Labels
component: data grid This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists plan: Premium Impact at least one Premium user

Comments

@bensonwong
Copy link

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Steps to reproduce 🕹

Link to live example: https://codesandbox.io/s/elegant-sinoussi-n4lsch?file=/demo.tsx

Current behavior 😯

  1. Select "20th Century Fox (3)" which is the parent of "James Cameron (2)" which is the parent of "Avatar" and "Titanic"
  2. Only "20th Century Fox (3)" is selected
    image

Expected behavior 🤔

  1. Select "20th Century Fox (3)" which is the parent of "James Cameron (2)" which is the parent of "Avatar" and "Titanic"
  2. "20th Century Fox (3)" is selected
  3. "James Cameron (2)" is selected as it is a child of Step 2
  4. "Avatar" and "Titanic" are selected as it is a child of Step 3
    image

Context 🔦

Trying to combine grouping and checkboxSelection. The UX for grouping is great, since the parent of a group is likely to show summarized content of it's children, it is expected that when clicking the parent that the selection follows into the children rows

Your environment 🌎

npx @mui/envinfo
System:
    OS: Windows 10 10.0.22621
  Binaries:
    Node: 16.19.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 3.3.1 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 8.19.3 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: Not Found
    Edge: Spartan (44.22621.1848.0), Chromium (114.0.1823.58)
  npmPackages:
    @emotion/react: ^11.10.6 => 11.11.1
    @emotion/styled: ^11.10.6 => 11.11.0
    @mui/material: ^5.12.3 => 5.13.5
    @mui/private-theming:  5.13.1
    @mui/styled-engine:  5.13.2
    @mui/system: ^5.12.3 => 5.13.5
    @mui/types:  7.2.4
    @mui/utils:  5.13.1
    @mui/x-data-grid-premium: ^6.9.0 => 6.9.0
    @mui/x-license-pro: ^6.0.4 => 6.6.0
    @types/react: ^18.2.0 => 18.2.12
    react: ^18.2.0 => 18.2.0
    react-dom: ^18.2.0 => 18.2.0
    typescript: ^5.0.4 => 5.1.3

Order ID or Support key 💳 (optional)

65632

@bensonwong bensonwong added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jun 24, 2023
@bensonwong bensonwong changed the title Grouped checkbox selection on parent does not select children [DataGridPro] Grouped checkbox selection on parent does not select children Jun 24, 2023
@bensonwong bensonwong changed the title [DataGridPro] Grouped checkbox selection on parent does not select children [DataGridPremium] Grouped checkbox selection on parent does not select children Jun 24, 2023
@zannager zannager added 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 Jun 26, 2023
@m4theushw m4theushw removed the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jun 26, 2023
@m4theushw
Copy link
Member

Duplicate of #4248

For now, there's no alternative solution to implement this behavior.

@github-actions github-actions bot added the duplicate This issue or pull request already exists label Jun 26, 2023
@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Jun 26, 2023
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! duplicate This issue or pull request already exists plan: Premium Impact at least one Premium user
Projects
None yet
Development

No branches or pull requests

3 participants