AgGrid 主/详细信息网格行具有不同的高度

【问题标题】：AgGrid master/detail detail grid rows to have different heightAgGrid 主/详细信息网格行具有不同的高度
【发布时间】：2021-09-16 14:08:27
【问题描述】：

我正在处理 AgGrid 中的主/明细表。除了我希望细节网格的高度小于主网格之外，该功能没有什么特别之处。见图片。

我正在尝试一切，似乎没有办法在细节上分别设置 rowHeight 然后在主网格上。有一个扩展detailRowHeight 的行的高度设置，但这设置了包含行的高度而不是子网格的行。

感谢任何答案。

【问题讨论】：

标签： angular ag-grid ag-grid-angular

【解决方案1】：

在细节网格上更改rowHeight 与对普通网格所做的相同，只需将网格属性rowHeight 或网格回调getRowHeight（用于动态行高）添加到detailGridOptions：

    this.detailCellRendererParams = {
      detailGridOptions: {
        getRowHeight: (params) => 30,
        // [...]
      },
      getDetailRowData: function (params) {
        params.successCallback(params.data.callRecords);
      },
    };

请参阅以下示例中的实现：https://plnkr.co/edit/AyJ0xvM0EHC6Pce1

【讨论】：

我的问题是我在 CSS 中也有一个覆盖来指定行高，即使我在 JS 中设置了高度，我仍然需要更改 CSS。如果有人遇到同样的问题，就把它放在这里。 @shuheb 谢谢！