在 React 中使用 Material UI Grid 创建可扩展的子行

Question

我在 React 应用程序中为我的网格使用 Material UI Grid 组件，这些组件是根据从外部 API 返回的数据呈现的。我需要添加一个允许扩展行以在每行下方呈现其他子内容的列，就像您可以在这里使用 DataTables https://datatables.net/examples/api/row_details.html

基本上，我希望能够创建一个嵌套行并在每行中动态地将一个组件渲染到其中。

我没有任何我尝试过的示例代码，因为我在网上或 Material UI 文档中找不到任何明显的东西来真正让我开始。

Answer 1

嗯，你说的是Grid 组件，但这个组件主要用于创建布局而不是（https://mui.com/components/grid/#main-content）。

您要搜索的内容如下：

https://mui.com/components/tables/#collapsible-table

具有可扩展行的表格。