如何獲取 AntD 擴展表以顯示嵌套的 dataSource 值

Question

我必須將一些數據動態呈現到 antD 可擴展表中。 數據是具有各種屬性的嵌套 object -

const values = [
    [name = 'Josh', city = 'Sydney', pincode='10000'],
    [name = 'Matthew', city = 'London', pincode = '20000'],
    [name = 'Roger', city = 'Paris', pincode = '2300'],
]

如何在 antD 表中顯示這些數據？ dataSource = {values} 給出一個空表。 請指導我。 如何在antD表中顯示嵌套數組值？

Answer 1

首先，你試圖傳遞的數據是完全錯誤的，它應該是一個對象數組，

const values = [
  {key: '1', name: 'Josh', city: 'Sydney', pincode:'10000'},
  {key: '1',name:'Matthew', city: 'London', pincode:'20000'},
  {key: '3',name: 'Roger', city:'Paris', pincode: '2300'},
]

其次，當您閱讀文檔中給出的表格示例代碼時，您還需要傳遞表格的 header，

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: 'City',
    dataIndex: 'city',
    key: 'city',
  },
  {
    title: 'Pincode',
    dataIndex: 'pincode',
    key: 'pincode',
  },
]