1

我正在尝试使用 Ag-grid 实现某种主细节功能。我希望一行可以按照主详细信息的建议进行扩展，但不希望在详细信息单元格中有嵌套表（只是一些自定义 html）。

我在设置时遇到了麻烦，似乎甚至无法让我的网格允许扩展行。我正在使用 aurelia，但创建了一个简单的 plunkr 来显示我的设置。

请注意，我的 detailCellRendererParams 仅包含一个模板，因为我不需要表格。在网格选项中，我设置了 masterDetail: true。

var detailCellRendererParams = {
      template: function(params) {
        var personName = params.data.name;
        return (
          '<div style="height: 100%; background-color: #EDF6FF; padding: 20px; box-sizing: border-box;">' +
          '  <div style="height: 10%;">Want some html template in here with no data table ' +

          "</div>" +
          '  <div ref="eDetailGrid" style="height: 90%;"></div>' +
          "</div>"
        );
      }
    };

var gridOptions = {
    columnDefs: columnDefs,
    rowData: rowData,
    enableColResize: true,
    enableFilter: true,
    masterDetail: true,
    detailCellRendererParams: detailCellRendererParams
};

请您在我的 plunkr 上搜一搜，并尝试找出我缺少的内容，以便获取每一行的可扩展详细信息单元格。

谢谢

https://plnkr.co/edit/12COBiJpn6eXPo71ojmE?p=preview

4

1 回答 1

0

主/明细是一项企业功能。如果要使用该masterDetail gridOptions参数，则需要为该功能付费。您还需要提取ag-grid.js文件的企业版本。

于 2018-03-06T15:54:01.620 回答