angular-gridui-gridheight/rows可见

Question

我正在使用 angular ui-网格。我想设置网格内容的高度或可见的行数。理想情况下，我希望它根据 window 大小动态设置，但是，现在将满足于对其进行硬编码。 ui-grid tutorial 中的所有网格似乎都具有相同的 height/columns 可见性，因此我不确定是否可以通过 UI-网格 API.

Answer 1

你有

gridOptions.minRowsToShow .  

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

设置行高

gridOptions.rowHeight  

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

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

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

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

在您的控制器中并使用样式属性设置 css 高度。

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

或

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

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