我如何在Ag网格中制作子网格

Question

我希望能够在单击一个行按钮后在我的主Ag-Grid中打开另一个Ag-Grid（subGrid）。但是，在论坛和AG-Grid文档中搜索了几个小时之后，我似乎找不到使Subgrid出现的方法。这是我希望电网表现的一个例子：

带有DHTMLXGRID

的子网格所需的行为示例

有什么方法可以用Ag-Grid来完成？如何？

Answer 1

我想你在谈论这样的事情。我在"全宽行"部分中发现了它。主细节并一直滚动到底部

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);
        },
      }}