使用ng-repeater的ui-tabs内部的ui-grid

Question

带有ui-grid的简单ui-tab但是当我更改tab时我需要移动页面才能看到表格

 <uib-tabset class="tab-container tabbable-line">
                <uib-tab ng-repeat="user in vm.users" heading="{{user.user.fullName}}" select="vm.setTab($index)" >
                    <div id="uigrid_$index" ui-grid="{data : user.operations, 
                         columnDefs : vm.operationGridOptions.columnDefs,
                         onRegisterApi: vm.register,
                         appScopeProvider: vm}" ui-grid-resize-columns></div>
                </uib-tab>
            </uib-tabset>

要解决的任何想法？还是有其他办法吗？

Answer 1

请查看此链接http://ui-grid.info/docs/#/tutorial/108_hidden_grids。

使用autoResize指令以及为每列设置固定宽度为我解决了这个问题。