Question

我正在尝试使用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

Answer 1

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

Ag-grid Master Detail不允许扩展行

1 个答案: