anglejs – ng-grid在页面加载时不占用100%的宽度,但在调整大小时显示正常

前端之家收集整理的这篇文章主要介绍了anglejs – ng-grid在页面加载时不占用100%的宽度,但在调整大小时显示正常前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
带有角度js的ng网格在页面加载时不会占用100%的宽度.这是我的代码
  1. <tabs ng-cloak>
  2. <pane title="Test Plan">
  3. <tabs>
  4. <pane title="Include Tests">
  5. <div ng-controller="includedTestPlanGridCntrl">
  6. <div class="gridStyle" ng-grid="gridOptions"></div>
  7. </div>
  8. </pane>
  9. <pane title="Excluded Tests">
  10. <div ng-controller="excludedTestPlanGridCntrl">
  11. <div class="gridStyle1" ng-grid="gridOptions"></div>
  12. </div>
  13. </pane>
  14. </tabs>
  15. </pane>
  16. <pane title="Advanced Planning">
  17. Some text here
  18. </pane>
  19. </tabs>

如果调整大小,网格会正确显示.

这对我有用
  1. $scope.gridOptions = {
  2. data: 'gridData',init:function(grid,$scope) {
  3. setTimeout(function() {
  4. $scope.gridOptions.$gridServices.DomUtilityService.RebuildGrid(
  5. $scope.gridOptions.$gridScope,$scope.gridOptions.ngGrid
  6. );
  7. },1000);
  8. }
  9. };

将“gridOptions”替换为您使用的变量和宾果!

猜你在找的Angularjs相关文章