如何在创建隐藏时将ng-grid扩展到整个宽度?

时间:2014-06-18 18:44:24

标签: angularjs angular-ui-bootstrap ng-grid

我发现当ng-grid在手风琴里面并且在手风琴关闭的情况下进行初始化时,ng-grid标题和行的宽度设置为固定的100px,而不是扩展到表格的整个宽度。

我创建了一个plunker:http://plnkr.co/edit/9GRli7qtg65NKNZOz3vh?p=preview

手风琴默认设置为关闭,展开并看到桌子被挤压到左侧。在控制器中将'$ scope.isopen'更改为true,并查看初始化时未隐藏ng-grid的时间,宽度很好。

这是一个错误吗?有什么方法可以轻松解决它吗?

1 个答案:

答案 0 :(得分:4)

它的probaby是一个bug,但根据this stackoverflow的回答,有一个解决方法。一旦调整窗口大小,就会调整宽度,因此您需要使用accordion指令中的ng-click触发resize事件。

示例:

控制器:

$scope.resizer=function(){
      $(window).trigger('resize');
    }

HTML:

  <accordion ng-click="resizer()">
    <accordion-group heading="Grid" is-open="isopen">
        <div class="gridStyle" ng-grid="gridOptions"></div>
    </accordion-group>
  </accordion>

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