Ag grid 如何在ag网格中创建子网格?

Ag grid 如何在ag网格中创建子网格?,ag-grid,Ag Grid,我希望能够在单击行按钮后在我的主ag网格中打开另一个ag网格(子网格)。然而,在论坛和ag grid文档中搜索了几个小时后,我似乎找不到一种方法来显示子网格。以下是我希望网格的行为示例: 使用ag grid有什么方法可以做到这一点吗?怎么样?我想你是在说类似的事情。我在部分下面找到了它,并一直滚动到底部我想你应该使用嵌套的ag网格 这一小块是你在网格中渲染网格所需要的 <AgGridReact modules={[ ClientSideRowModel

我希望能够在单击行按钮后在我的主ag网格中打开另一个ag网格(子网格)。然而,在论坛和ag grid文档中搜索了几个小时后,我似乎找不到一种方法来显示子网格。以下是我希望网格的行为示例:


使用ag grid有什么方法可以做到这一点吗?怎么样?

我想你是在说类似的事情。我在部分下面找到了它,并一直滚动到底部

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

这一小块是你在网格中渲染网格所需要的

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