Open josieloliveira99 opened 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 }, ], }, ];
After formatting your data, then create multiple Columns in a loop.
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 }, ], }, ];