Ag-grid Master Detail不允许扩展行

时间:2018-03-05 10:13:02

标签: javascript master-detail ag-grid ag-grid-ng2

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

1 个答案:

答案 0 :(得分:1)

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