javascript - Bootstrap 模态上的 Angular JS ui-grid

Question

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

我知道在 https://github.com/angular-ui/ng-grid/issues/1296 上已经修复了类似的问题.但是好像不行。

我将 C# 与 Angular JS 结合使用，模态是一个局部 View ，如下所示:

<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>

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

Answer 1

此链接看起来可能有帮助 - http://ui-grid.info/docs/#/tutorial/213_auto_resizing

将 ui.grid.autoResize 作为应用程序依赖项，并将其作为指令添加到您的网格元素，就像您对 ui-grid-selection 所做的一样。