小编Rau*_*aul的帖子

antd可展开表格,点击展开按钮同时展开所有行

我在我的应用程序中使用 antd design 4.10 版的可扩展表和 Next.js v10.0.4。当我单击+表中的按钮时,它应该只打开选定的行,但我不知道为什么它同时打开所有行。

这是我的表格组件:

<Table
    size="small"
    dataSource={data}
    columns={updateColumns}
    expandable={{
      expandedRowRender: (record) => (
        <p style={{ margin: 0 }}>{record.description}</p>
      ),
      rowExpandable: (record) => record.level !== "3",
      onExpand: (expanded, record) =>
        console.log("onExpand: ", record, expanded),
    }}
  />
Run Code Online (Sandbox Code Playgroud)

与antd design中的文档代码完全相同:https://ant.design/components/table/#components-table-demo-expand

expandable-table next.js antd

8
推荐指数
1
解决办法
2万
查看次数

标签 统计

antd ×1

expandable-table ×1

next.js ×1