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

daolsyd0  于 5个月前  发布在  其他
关注(0)|答案(3)|浏览(51)

重现步骤

链接到实时示例:(必需)
[
步骤:

  1. 大家好,我遇到了一个关于childRow的问题,我想让它像父行一样对齐到表头,有人能帮帮我吗?谢谢
  2. https://codesandbox.io/p/sandbox/create-edit-record-wkdp6c?file=%2Fsrc%2FApp.tsx
    ]

当前行为

  • 无响应*

预期行为

  • 无响应*

上下文

  • 无响应*

您的环境

npx @mui/envinfo

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

搜索关键词:展开/折叠

a64a0gku

a64a0gku2#

我与您分享了在codesandbox或github上的代码:fatnaelbassraoui/mui#1

kyvafyod

kyvafyod3#

嘿,@fatnaelbassraoui,谢谢你的报告!
我已经调查了一下,目前这是不可能的。这是因为我们依赖于 trtd 元素来对齐表格,但是在添加折叠动画时,会在它们之间插入多个 div,破坏了表格结构。
这里还有改进的空间,也许可以在表格或折叠动画上支持这个功能。我正在添加 waiting for upvotes 标签,以便人们可以请求这个改进。
与此同时,我建议不要在这个用例中使用折叠组件,而是实现/寻找另一个不需要在表格内插入元素的动画解决方案。

相关问题