Ag-Grid：无法减少详细信息行的容器空间

【问题标题】：Ag-Grid: Cannot decrease container space for detail rowsAg-Grid：无法减少详细信息行的容器空间
【发布时间】：2019-07-15 23:24:11
【问题描述】：

当在 Ag-Grid 中显示详细信息行时，容器似乎有一个固定/计算的高度。我能够使用 Ag-Grid 文档在 Plunker 上的示例复制此问题：

此页面上的最后一个 Plunker 示例： https://www.ag-grid.com/javascript-grid-master-detail/

为了复制它，在 Plunker 中，我单击 V 形打开子表以查看详细信息行，然后打开 DevTools。我检查了子表周围的容器，它有一个"ag-details"row"类。我添加了一个高度值，比如50%，但它只是降低了行的高度。

所以我在子表中有大约 2-3 行。如何删除子表底部与其下方父行之间的多余空间？

【问题讨论】：

标签： angular ag-grid master-detail

【解决方案1】：

可以为详图行指定高度。但是您所要求的听起来像是动态高度，您也可以这样做。

例如，在您的网格选项中，您可以定义getRowHeight；

getRowHeight: function (params) {
    if (params.node && params.node.detail) {
        var offset = 80;
        var allDetailRowHeight = params.data.callRecords.length * 28;
        return allDetailRowHeight + offset;
    } else {
        // otherwise return fixed master row height
        return 60;
    }
}

完整示例请参见 AG Grid 的文档； https://www.ag-grid.com/javascript-grid-master-detail/#example-dynamic-detail-row-height

【讨论】：

有没有办法重置详情行高？ api.resetRowHeights 不起作用，getRowHeight 只触发一次