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

时间:2017-04-18 05:56:10

标签: javascript html css angular ag-grid

我在我的项目中使用了aggrid,我想在我的行中实现自动调整大小功能。目前在我的每个单元格中都有多个div元素。所以如果我修正了我的行的高度,如果我添加第三个div它会被隐藏或溢出。如何在ag-grid中防止这种情况?我需要在单元格周围填充10的div。我想我应该拿出一些计算或者有没有可用的财产?先谢谢你们。

目前我有这个代码用于计算,返回值最终将传递给我的getRowHeight: this._getRowHeight: private _getRowHeight(_params:any):number {     let 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]的数据结构:

enter image description here

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

1 个答案:

答案 0 :(得分:1)

您可以将gridOption的rowHeight覆盖为

gridOptions.rowHeight = $scope.tempRowHeight

根据动态属性,如

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