Antd Table：如何用列表中的对象渲染表

Question

我正在将Antd Table与React一起使用。 我想在列表中按对象呈现表， 而不用ExpandedRowRender 。

我的列表 ：

dataSource = [
  {
    firstName: 'John',
    lastName: 'K.',
    car: [
          {
              brand: 'BMW',
              color: 'white',
          },
          {
              brand: 'Mercedes-benz',
              color: 'red',
          }
    ]
  },
  {
    firstName: 'Emma',
    lastName: 'W.',
    car: [
          {
              brand: 'BMW',
              color: 'black',
          }
    ]
  }
]

我的代码像：

<Table
     rowKey={(record, index) => {return index}}
     columns={columns}
     dataSource={dataSource}
/>

并期望这样的表：

Answer 1

您可以使用列配置的render属性：

const renderCustomCell= (object) => {
    /** render your custom cell with object properties here */
    const { car } = object;
    return <...>;
};

{
    title: 'column title',
    key: 'column_key',
    render: object => renderCustomCell(object),
}