rsuite / rsuite-table

A React table component.
https://table.rsuitejs.com/
MIT License
722 stars 133 forks source link

Add data from Array inside array #142

Open josieloliveira99 opened 4 years ago

josieloliveira99 commented 4 years ago

How can I add this data to table and create several columns for each line of data generated by the object. The columns that I need create are all objects of atividades array ( atividades.nome as title of column and atividades.nota as value of cell)

[ { id: 1, avatar: '', nome: 'Fabio Jr', atividades: [ { id: 1, nome: 'Liberdade', nota: '8.0' }, { id: 2, nome: 'Liberdade e diversidade', nota: 7.0 }, { id: 3, nome: 'Filosofia I', nota: 5.3 }, { id: 4, nome: 'Filosofia II', nota: 3.2 }, ], }, { id: 2, avatar: '', nome: 'Antonio Correia', atividades: [ { id: 1, nome: 'Liberdade', nota: '8.1' }, { id: 2, nome: 'Liberdade e diversidade', nota: 7.0 }, { id: 3, nome: 'Filosofia I', nota: 5.3 }, { id: 4, nome: 'Filosofia II', nota: 3.2 }, ], }, { id: 3, avatar: '', nome: 'Nicole dos Santos', atividades: [ { id: 1, nome: 'Liberdade', nota: '8.2' }, { id: 2, nome: 'Liberdade e diversidade', nota: 7.0 }, { id: 3, nome: 'Filosofia I', nota: 5.3 }, { id: 4, nome: 'Filosofia II', nota: 3.2 }, ], }, { id: 4, avatar: '', nome: 'Junior dos Santos', atividades: [ { id: 1, nome: 'Liberdade', nota: '8.3' }, { id: 2, nome: 'Liberdade e diversidade', nota: 7.0 }, { id: 3, nome: 'Filosofia I', nota: 5.3 }, { id: 4, nome: 'Filosofia II', nota: 3.2 }, ], }, { id: 5, avatar: '', nome: 'Augusto dos Santos', atividades: [ { id: 1, nome: 'Liberdade', nota: '8.4' }, { id: 2, nome: 'Liberdade e diversidade', nota: 7.0 }, { id: 3, nome: 'Filosofia I', nota: 5.3 }, { id: 4, nome: 'Filosofia II', nota: 3.2 }, ], }, ];

simonguo commented 4 years ago

After formatting your data, then create multiple Columns in a loop.