Tengo que renderizar dinámicamente algunos datos en la tabla expandible antD. Los datos son un objeto anidado con varias propiedades:
const values = [ [name = 'Josh', city = 'Sydney', pincode='10000'], [name = 'Matthew', city = 'London', pincode = '20000'], [name = 'Roger', city = 'Paris', pincode = '2300'], ]¿Cómo puedo mostrar estos datos en una tabla antD? El dataSource = {values} da una tabla vacía. Amablemente guíame. ¿Cómo mostrar valores de matriz anidados en la tabla antD?
En primer lugar, los datos que está tratando de pasar son totalmente incorrectos, debería ser una matriz de objetos,
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'}, ]y segundo, mientras lee el código de muestra de la tabla proporcionado en la documentación, también debe pasar el encabezado de la tabla,
const columns = [ { title: 'Name', dataIndex: 'name', key: 'name', }, { title: 'City', dataIndex: 'city', key: 'city', }, { title: 'Pincode', dataIndex: 'pincode', key: 'pincode', }, ]