Question

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

subgrid desired behaviour example with dhtmlxGrid

有没有办法用ag-grid做到这一点？怎么样？

Answer 1

我想你在谈论像this这样的事情。我在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中创建子网格？

2 个答案: