[material-ui][table] Aligning expandable parent and child rows about material-ui

[fatnaelbassraoui]

[fatnaelbassraoui]

i share with you the code in codesandbox or github fatnaelbassraoui/mui#1

[DiegoAndai]

Hey @fatnaelbassraoui, thanks for the report!

I've investigated a bit, and this is not possible at the moment. This is because we rely on the tr and td elements to align the table, but when adding the collapse animation, multiple divs are inserted in between, breaking the table structure.

There's room for enhancement, maybe on the Table or the Collapse animation, to support this. I'm adding the waiting for upvotes label so people can request this enhancement.

In the meantime, I would suggest not using the Collapse component for this use case but implementing/finding another solution for the animation that doesn't require inserting elements inside the table.