anglejs – ng网格自动/动态高度

前端之家收集整理的这篇文章主要介绍了anglejs – ng网格自动/动态高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
根据页面大小,如何使用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()]
};

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

猜你在找的Angularjs相关文章