将行特定数据传递给 expandableRowsComponent

时间:2021-05-01 23:26:39

标签: reactjs react-data-table-component

我使用 react-data-table-component 创建了一个表格,现在我想让表格行可以展开,这样当我展开一行时,它会显示特定于该行的详细信息,就像 Material-UI Collapsible 一样。

我阅读了 react-data-table-component API 文档,并通过将 expandableRows 设置为 true 并将组件分配给 expandableRowsComponent 来获得可扩展的行。但是我怎样才能将数据传递给 expandableRowsComponent 以便如果我展开第 1 行我得到的数据可以说“这是第 1 行”,对于第 2 行我会得到“这是第 2 行”等等......

任何帮助或指导将不胜感激。谢谢!

1 个答案:

答案 0 :(得分:0)

我浏览了 react-data-table-component 作者的 github 代码,在故事中我找到了相关代码,这有助于弄清楚我在寻找什么! 如果有人感兴趣,这里是示例代码链接:DataTable

相关问题