javascript – Bootstrap模式上的Angular JS ui-grid

2019年8月4日 175次阅读

我有一个模态,在那个模态中我想添加一个ui-grid.问题是我不想设置固定大小.似乎没有像我们预期的那样计算“ui-grid-pinned-container-”这个类.

我知道在https://github.com/angular-ui/ng-grid/issues/1296上已经修复了类似的东西.但它似乎不起作用.

我正在使用带有角度JS的C#,而模态是一个看起来像这样的patial视图：

<script type="text/ng-template" id="company">
<div class="modal-header">
    <h3 ng-bind="title"></h3>
</div>

<form class="form-horizontal" role="form" name="formName" novalidate>
    <div class="modal-body">
        <!--the following styles only works inline - do not remove-->
        <div ui-grid-selection ui-grid="gridOptions" class="grid-class"></div>
    </div>
</form>
<div class="modal-footer">
    <button ng-click="cancel()">Close</button>
    <button ng-click="select()">Select</button>
</div>

你有什么想法可以解决这个问题吗？

最佳答案 这个链接看起来可能会有所帮助 –
http://ui-grid.info/docs/#/tutorial/213_auto_resizing

将ui.grid.autoResize作为app依赖项包含在内,并将其作为指令添加到grid元素中,就像使用ui-grid-selection一样.

点赞