角度ui网格高度/行可见

Question

我正在使用角度ui-grid。我想设置网格内容的高度或可见的行数。理想情况下，我希望这可以根据窗口大小动态设置，但是，现在可以解决它的硬编码问题。 ui-grid tutorial中的所有网格似乎都具有相同的高度/列，因此我不确定这是否可以通过UI-grid API实现。

Answer 1

你有

gridOptions.minRowsToShow .  

您可以将其设置为数据的长度。你可以用

设置行高

gridOptions.rowHeight  

您可以使用css设置容器的高度。

.grid {
width: 500px;
height: 250px;
}

所以你可以用像素计算高度

 $scope.gridheight=(data.length+1) *rowHeight                     ** 

在控制器中

并使用style属性设置css height。

style="height: {{gridheight}} px;"   //for the container with element with ui-grid

或

ng-style="{'height':gridheight+'px'}"

** data.length + 1，因为标签行。