AgGrid master/detail 详细网格行具有不同的高度

Question

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

我什么都试过了，似乎没有办法在细节上单独设置 rowHeight，然后在主网格上设置。有一个扩展行的高度设置 detailRowHeight 但这设置了包含行的高度而不是子网格的行。

如有任何答复，我们将不胜感激。

Answer 1

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

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

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

AgGrid master/detail 详细网格行具有不同的高度

AgGrid master/detail detail grid rows to have different height

ag-grid

angular

ag-grid-angular