小编pro*_*iew的帖子

我有一个功能，当用户单击展开图标时，行将展开。我想将扩展的行数据与主表的列对齐，我正在使用 Material UI 的可折叠表组件来执行此操作！

如何在 HTML/CSS 中实现此功能？

我创建了一个例子，以更清楚地描述问题！这是codesandbox的链接：

https://codesandbox.io/s/heuristic-allen-im8tj9?file=/src/App.js

正如您所看到的，嵌套行（扩展行）字段未与其父列对齐！如何将它们与其父列正确对齐？

我想做这样的事情

任何建议/帮助将不胜感激，谢谢！