如何使用 AG 网格显示用户数组的数据

Question

我正在使用 API 从特定用户接收多行数据，我怀疑如何使用 AG-Grid 格式在 React 中显示该数据。

this.setState
                ({
                        
                        data: res.data,
                    
                        columnDefs: [
                            {
                            headerName: " CreateDate", field: " CreateDate"
                          }, {
                            headerName: "Task Name", field: "TaskName"
                          }],
                
                          
                          rowData:[{
                          //facing errors while assigning these values

                                    TaskName : data.TaskName, 
                                    CreateDate : data[0].CreateDate    
                          }]   
                    })

Answer 1

嗨，Aboli，我正在分享 stackblitz，它将帮助您实现您想要实现的目标。

我对你的数据对象做了很多假设，因为我们对它了解不多。通常数据应该以键值对的形式出现，其中键与您在 coldef 对象中定义的字段名称相匹配，以便 ag-grid 可以直接使用它。

但有时我们需要清理数据，使其与列字段的定义方式相匹配。随时提出更多问题并尝试对代码进行详细说明，以便您可以更快地获得解决方案。

这里是 stackblitz 例子。