如何在网格角上显示复杂的数据结构
如何在网格角上显示复杂的数据结构
提问于 2022-04-21 09:51:27
我想在ag网格中显示我的数据，但是我不知道如何创建我的网格。我能把我的演员分组吗？或者我可以把电影或奖项分组吗？任何帮助都将不胜感激！
"rows": [
{
"actorId": "22",
"firstName": "Gwyneth",
"lastName": "Paltrow",
"films": [
{
"name": "Iron Man"
},
{
"name": "Avengers: Infinity War"
}
],
"awards": [
{
"name": "Oscar",
"year": "1999"
},
{
"name": "Golden Globe Award",
"year": "1999"
}
]
},...回答 1
Stack Overflow用户
回答已采纳
发布于 2022-04-21 13:29:28
听起来您想要使用主细节 (企业特性)。
如果是这样，将您的columnDefs设置为：
columnDefs = [
{ field: 'actorId', cellRenderer: 'agGroupCellRenderer' },
{ field: 'firstName' },
{ field: 'lastName' },
];创建您的detailCellRendererParams
detailCellRendererParams: any = {
detailGridOptions: {
columnDefs: [{ field: 'name' }, { field: 'year' }],
defaultColDef: {
flex: 1,
},
},
getDetailRowData: function (params) {
// change this to params.successCallback(params.data.films); instead to see the films in the detail
params.successCallback(params.data.awards);
},
};并将其传递给html中的网格，同时启用主详细信息：
<ag-grid-angular
style="width: 500px; height: 500px;"
class="ag-theme-balham"
[rowData]="rowData"
[columnDefs]="columnDefs"
[modules]="modules"
(gridReady)="onGridReady($event)"
[detailCellRendererParams]="detailCellRendererParams"
[masterDetail]="true"
>
</ag-grid-angular>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71952401
复制相关文章
相似问题
腾讯云开发者
