javascript - angular ui-grid 网格高度/行可见

Question

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

Answer 1

你有

gridOptions.minRowsToShow .  

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

gridOptions.rowHeight  

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

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

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

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

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

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

或

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

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