ProTable双层嵌套表格

ProTable双层嵌套表格可以通过配置expandable属性来实现。在核心功能代码中，可以给ProTable或Table组件配置expandable={{ expandedRowRender }}，其中expandedRowRender是一个函数，用于渲染展开的子表格。在这个函数中，可以使用List组件来渲染子表格的内容。具体的渲染格式可以参考dataSource的数据结构，其中child字段表示子表格的数据。在renderItem中，可以使用List.Item来渲染每一行的内容，包括子表格的每一项数据。例如：

const expandedRowRender = (record: any) => {
  return (
    <List
      style={{ width: 300, marginLeft: 315 }}
      size="small"
      split={false}
      dataSource={record.child}
      renderItem={(item: any) => (
        <List.Item key={item.strategyId}>
          <List.Item.Meta description={`${item.name} ${item.updateTime}`} />
          <a>编辑</a>
        </List.Item>
      )}
    />
  );
};

// dataSource渲染格式
const dataSource = {
  id: '001',
  name: '1',
  createTime: '2022-03-31 12:33:34',
  createUser: '管理员',
  desc: 'desc',
  child: \[
    {
      id: '123',
      name: '12',
      updateTime: '2022-03-31 12:33:56',
      updateUser: '管理员',
    },
  \],
};

// 在ProTable或Table组件中配置expandable属性
<ProTable
  dataSource={dataSource}
  columns={columns}
  expandable={{ expandedRowRender }}
/>

这样配置之后，ProTable组件就会显示双层嵌套的表格，其中每一行都可以展开显示子表格的内容。
#### 引用[.reference_title]
- *1* [【避坑指“难”】Antd Table可折叠嵌套List](https://blog.csdn.net/weixin_42224055/article/details/123972172)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [web总结](https://blog.csdn.net/u010145988/article/details/8859086)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]