angularjs - 当 ng-grid 创建为隐藏时,如何将其扩展到整个宽度?

标签 angularjs angular-ui-bootstrap ng-grid

我发现当 ng-grid 位于 Accordion 内部并在 Accordion 关闭的情况下初始化时,ng-grid 标题和行的宽度设置为固定的 100px,而不是延伸到表格的整个宽度。

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

Accordion 默认设置为关闭,展开它可以看到表格被挤到左边。在 Controller 中将'$scope.isopen'更改为true,看看初始化时ng-grid不隐藏时,宽度就可以了。

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

最佳答案

这可能是一个错误,但根据 this stackoverflow 的答案,有一个解决方法。一旦调整窗口大小,宽度就会调整,因此您需要使用 Accordion 指令中的 ng-click 来触发调整大小事件。

示例:

Controller :

$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

关于angularjs - 当 ng-grid 创建为隐藏时,如何将其扩展到整个宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24292903/

相关文章:

angularjs - 在 ng-grid 列 cellTemplate 中使用行值

javascript - Mongoose 保存一个空对象

javascript - 从 Angular 指令调用的函数访问属性/$element 上下文

javascript - Angularjs - 更新 SPAN 的复选框

css - 使用 Angular JS 为 UI 网格中行内的行(奇数/偶数)提供不同的配色方案

javascript - AngularJS - ng-grid 数据不显示在列调整大小

angularjs - 如何使用 AngularJS 和 Restangular 处理 token 认证?

javascript - 将 angular-ui-bootstrap 与 webpack 一起使用

css - 如何使用 Bootstrap CSS 为 div 添加边框

javascript - 如何在angular js中使用ng-grid和ng-tree?