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

Question

我正在将Antd Table与React一起使用。我想按列表中的对象 呈现表格，而没有expandedRowRender 。

我的列表：

DROP TABLE TempFinal

我的代码，例如：

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

并期望这样的表：

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),
}