嵌套的antd表不呈现antd

Question

我试图在antd中呈现表中的嵌套表，问题是没有显示行，行之间有适当的空间，但由于某种原因，我无法看到数据。

我这样做的方式是在属性‘展开的’上的父表上：

<Table
          rowKey="uuid"
          columns={this.getColumns()}
          data={data}
         expandedRowRender={record => this.expandedRowRender(record.children)}
/>

我的父表上的列是：

getColumns() {
    const columns = [
      {
        title: translate('name'),
        dataIndex: 'name',
      },
      {
        title: translate('type'),
        width: '30%',
        dataIndex: 'docType',
        render: (val, rec) => {
          return rec.parent
            ? `${translate('subcategory')} (${rec.parent[0].name})`
            : translate('category')
        },
      },
    ]

    columns[0] = this.addSearchFilter({
      column: columns[0],
      key: 'name',
      type: 'search',
      refreshKey: 'categories',
    })

    return columns
  }

以及嵌套并应该显示的表：

expandedRowRender = row => {
   
    const columnas = [
      {
        title: translate('name'),
        key: 'name',
        render: val => {
          return <div>{val.name}</div>
        },
      },
      {
        title: translate('docType'),
        key: 'docType',
        render: (val, rec) => {
          return (
            <div>
             {rec.data},
            </div>
          )
        },
      },
    ]

    return (
      <Table
        columns={columnas}
        dataSource={row}
        rowKey={row.uuid}
      />
    )
  }

我一直在浏览，但在这方面我找不到任何帮助，有一些独特的键在行，但我已经指着两张桌子上的钥匙。

更新

我发现了这个问题，显然是为了指定嵌套表的键：

<Table
       columns={columns}
          dataSource={row}
          pagination={false}
          rowKey={record => record.uuid}
          key="a"
/>

Answer 1

答案

我发现了这个问题，显然是为了指定嵌套表的键：

<Table
       columns={columns}
          dataSource={row}
          pagination={false}
          rowKey={record => record.uuid}
          key="a"
/>