如何使用 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 上显示之前对其进行解析。我试图在问题上添加行组，但似乎不起作用。

Answer 1

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

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

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