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

发布时间：2020-12-17 08:09:35 所属栏目：安全来源：网络整理

导读：根据页面大小，如何使用ng-grid自动调整其高度？ ng格网站上的文档使用固定的高度。我看到的最好的解决方案来自于这个 link： .ngViewport.ng-scope { height: auto !important; overflow-y: hidden;}.ngTopPanel.ng-scope,.ngHeaderContainer { width: auto

根据页面大小，如何使用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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!