Ag-grid Master/Detail grid Master和Detail独立分页

Question

如果明细网格的行数较多，滚动所有行很繁琐，是否可以在Master和Detail单独添加分页？

我已经浏览了 ag-grid 文档的以下链接，但没有找到方法或提及分页。 https://www.ag-grid.com/javascript-grid-master-detail/

Answer 1

您只需将分页相关属性pagination: true添加到详细网格选项。 这是您的detailGridOptions的样子 -

this.detailCellRendererParams = {
  detailGridOptions: {
    columnDefs: [
      { field: 'callId' },
      { field: 'direction' },
      {
        field: 'number',
        minWidth: 150,
      },
      {
        field: 'duration',
        valueFormatter: "x.toLocaleString() + 's'",
      },
      {
        field: 'switchCode',
        minWidth: 150,
      },
    ],
    defaultColDef: { flex: 1 },
    pagination : true, //set pagination to true
    paginationPageSize: 5 // define page size, default is 100

  },
  getDetailRowData: function(params) {
    params.successCallback(params.data.callRecords);
  },
};

}

附上示例截图 -

用了这个例子