[DataGridPro] Tree Data doesn't work with checkboxSelection or rowReordering

[teenguyen]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

I'm not sure if this is a bug or a feature request, but it looks like some of the DataGrid functionality doesn't work with some others; e.g. tree data with checkboxSelection or rowReordering

Expected behavior 🤔

I expect checkboxSelection to also check child rows.
I expect rowReordering to be able to work with tree data rows and correctly nest them in the right layer.

Steps to reproduce 🕹

I duplicated the tree data example and added the two props to test them out:
https://codesandbox.io/s/treedatafullexample-material-demo-forked-izdzo5?file=/demo.js

It looks like the checkbox doesn't check the nested child rows, and row reordering does not work at all.

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

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

Order ID 💳 (optional)

LiveRamp

[flaviendelangle]

I expect rowReordering to be able to work with tree data rows and correctly nest them in the right layer.

You have a warning in the doc saying that for now it's not compatible
We will work on it at some point. It would require updating the row model after reordering to update its path.

It looks like the checkbox doesn't check the nested child rows

There is indeed no notion of parent-child relation-ship during selection.
You can implement one on your side see #4248.
We will probably add a prop to enable automatic children selection at some point

[flaviendelangle]

I am closing this one since both topics have a dedicated issue