Javascript Antd表格：如何使用列表中的对象呈现表格

我用的是带React的Antd表。我想在列表中按对象渲染表，而不使用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}
/>

{return index}
列={columns}
数据源={dataSource}
/>

并期望如下表所示：

---

您可以使用列配置的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),
}

const rendercutostomcell=（对象）=>{
/**在此处使用对象属性渲染自定义单元格*/
const{car}=对象；
返回；
};
{
标题：'列标题'，
键：“列_键”，
render:object=>RenderConstomCell（对象），
}

您可以使用列配置的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),
}

const rendercutostomcell=（对象）=>{
/**在此处使用对象属性渲染自定义单元格*/
const{car}=对象；
返回；
};
{
标题：'列标题'，
键：“列_键”，
render:object=>RenderConstomCell（对象），
}