angularjs - ng-grid自动/动态高度

Question

如何让ng-grid根据页面大小自动调整其高度？ ng-grid网站上的文档使用固定高度。我见过的最好的解决方案来自以下link：

.ngViewport.ng-scope {
    height: auto !important;
    overflow-y: hidden;
}

.ngTopPanel.ng-scope, .ngHeaderContainer {
    width: auto !important;
}

这不适用于服务器端分页。我已经从ng-grid的站点复制了服务器端分页示例，并应用了上面的CSS，但是如您所见，仅显示了前6行： http://plnkr.co/edit/d9t5JvebRjUxZoHNqD7K?p=preview

并且{height：100％}不起作用...

Answer 1

您可以尝试使用ng-grid Flexible Height Plugin，您所要做的就是将此插件添加到grid选项中的plugins属性中，其余的工作将由他负责。

例：

$scope.gridOptions = {
    data: 'myData',
    enablePaging: true,
    showFooter: true,
    totalServerItems: 'totalServerItems',
    pagingOptions: $scope.pagingOptions,
    filterOptions: $scope.filterOptions,
    plugins: [new ngGridFlexibleHeightPlugin()]
};

实时示例： http://plnkr.co/edit/zNHhsEVqmpQmFWrJV1KQ?p=preview