如何根据单元格 Aggrid 中的项目自动调整 rowHeight

Question

我在我的项目中使用 agggrid，我想在我的行中实现自动调整大小功能。意味着目前在我的每个单元格中都会有多个 div 元素。所以如果我固定我的行的高度，如果我添加第三个 div 它会被隐藏或溢出。如何在 ag-grid 中防止这种情况？我还需要在单元格周围填充 10 的 div。我想我应该进行一些计算，或者是否有任何可用的财产？在此先感谢各位。

目前我有这个代码进行计算，返回值最终会传递给我的getRowHeight: this._getRowHeight： 私人_getRowHeight（_params：任何）：数字{ 让 maxHeight: number = 100;

for (let i in _params.data) {
    if (i != "time" && _params.data[i] instanceof Array) {
        let tempHeight: number = 100 * _params.data[i].length;

        if (tempHeight > maxHeight) maxHeight = tempHeight;
    }
}
return maxHeight;

}

_params.data[i]的数据结构：

当我在内容中添加新对象时，会出现行高问题。我希望你们现在有更好的主意。

Answer 1

您可以将 gridOption 的 rowHeight 覆盖为

gridOptions.rowHeight = $scope.tempRowHeight

根据动态属性，如

$scope.addRow function(heigth) {
    $scope.tempRowHeight = heigth;
    refreshView();
}