angular.js - ng-grid 和tabset一起用时，grid width默认特别小-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

angular.js - ng-grid 和tabset一起用时，grid width默认特别小

曾经蜡笔没有小新 2017-05-15 16:49:22

[AngularJS讨论组]

1028

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

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

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

曾经蜡笔没有小新

全部回复(1)

PHP中文网2017-05-15 16:51:22 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>
    <p ng-if="showGrid" class="gridStyle" ng-grid="gridOptions"></p>
    <p ng-if="!showGrid" class="gridStyle" ng-grid="gridOptions2"></p>