ng-grid 和tabset一起用时,grid width默认特别小

用ui-bootstrap的tabset 和 ng-grid 结合,做了下面的效果。

tab切换到第二个标签后,默认展示的grid如下图,自动生成的width只有100px,明显不对啊(⊙o⊙)

用过ng-grid的应该都遇到过这个问题吧,大神们求解答!小女子已经无力回天了!呜呜呜~~~~(>_<)~~~~

示例

阅读 8.6k
1 个回答

用trick的方式解决了

    <ul class="nav nav-tabs">
        <li ng-class="active">
            <a ng-click="showGrid=true;active='active';active2=''">表格1</a>
        </li>
        <li ng-class="active2">
            <a ng-click="showGrid=false;active='';active2='active'">表格2</a>
        </li>
    </ul>
    <div ng-if="showGrid" class="gridStyle" ng-grid="gridOptions"></div>
    <div ng-if="!showGrid" class="gridStyle" ng-grid="gridOptions2"></div>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进