根据页面大小,如何使用ng-grid自动调整其高度? ng格网站上的文档使用固定的高度。我看到的最好的解决方案来自于这个
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%}不起作用
您可以尝试使用ng-grid
Flexible Height Plugin,所有您需要做的是将此插件添加到网格选项中的plugins属性中,他将处理其余部分。
例:
$scope.gridOptions = { data: 'myData',enablePaging: true,showFooter: true,totalServerItems: 'totalServerItems',pagingOptions: $scope.pagingOptions,filterOptions: $scope.filterOptions,plugins: [new ngGridFlexibleHeightPlugin()] };