Geek Answers Handbook

Angular JS ui-grid on Bootstrap modal

I have a modal and in this modal I want to add a ui-grid. The problem is that I do not want the set to set a fixed size. It seems that the class "ui-grid-pinned-container-" is not calculated as we expect.

I know something like this has been fixed at https://github.com/angular-ui/ng-grid/issues/1296 . But it doesn't seem to work.

I am using C # with angular JS, and modal is a palitic view that looks like this:

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

Do you have any thoughts how to solve this?

+4
source share
2 answers

, - http://ui-grid.info/docs/#/tutorial/213_auto_resizing

ui.grid.autoResize , , ui-grid.

+1

, ,

ui-grid-auto-resize

, .

+1

More articles:


All Articles