如何使用 ag-grid 创建树视图

Question

columnDefs 如下

columnDefs = [
{headerName: 'question', field: 'questionId', rowGroup:true
},
{headerName: 'type', field: 'type'
},
{headerName: 'answer', field: 'answers'
}
];

其中 answer 是一个字符串数组。

export class Answer {
questionId:string;
type:string;
answers: [];
}

在网格中，我可以在一行中显示此信息，但我想在用户单击问题时在树视图中显示所有答案。 此外，数组中的每个答案都是一个 json 字符串，所以我想在 UI 上显示之前对其进行解析。 我尝试在问题上添加 rowGroup 但似乎不起作用。

Answer 1

如果我正确理解您的要求，那么您不是在寻找树，而是在寻找主从视图：

https://www.ag-grid.com/javascript-grid-master-detail/

每个问题都显示在主网格中，一个问题的答案显示在详细网格中。