Antd Table: как отобразить таблицу с объектом в списке

Question

Я использую Antd Table с React. И я хочу отрисовать таблицу по объекту в списке без extendedRowRender .

мой список:

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