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

Question

columnDefs如下

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

答案是一个字符串数组。

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

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

Answer 1

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

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

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