如何在 ag-grid 中创建子网格？

Question

我希望能够在单击行按钮后在我的主 ag-grid 中打开另一个 ag-grid（子网格）。但是，在论坛和 ag-grid 文档中搜索了几个小时后，我似乎无法找到使子网格出现的方法。这是我希望我的网格如何运行的示例：

subgrid desired behaviour example with dhtmlxGrid

有什么方法可以用 ag-grid 完成吗？怎么样？

Answer 1

我想你是在谈论类似 this. I found it under the section Full Width Rows & Master Detail 并一直滚动到底部的内容

Answer 2

我想你想使用嵌套的 ag 网格

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

这个小部分是您在网格内渲染网格所需要的

   <AgGridReact
      modules={[
        ClientSideRowModelModule,
        MasterDetailModule,
        MenuModule,
        ColumnsToolPanelModule,
      ]}
      masterDetail={true}
      detailCellRendererParams={{
        detailGridOptions: {
          columnDefs: [
            { field: 'callId' },
            { field: 'direction' },
            {
              field: 'number',
              minWidth: 150,
            },
            {
              field: 'duration',
              valueFormatter: "x.toLocaleString() + 's'",
            },
            {
              field: 'switchCode',
              minWidth: 150,
            },
          ],
          defaultColDef: { flex: 1 },
        },
        getDetailRowData: function (params) {
           //callRecords here is any data u want to render
          params.successCallback(params.data.callRecords);
        },
      }}

如何在 ag-grid 中创建子网格？

how do I make a subgrid inside an ag-grid?

ag-grid