2016-10-29 7 views
0

UIグリッドとシンプルなUIのタブが、私は、タブを変更したとき、私はUI-タブ内のUI-グリッド

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

解決するための任意のアイデアを、テーブルを表示するには、ページを移動する必要がありますか?それを行う別の方法がありますか?

+0

プロンプトを表示するにはplnkr https://plnkr.co/edit/KyHJ86qTZ61MABDwgn0O?p=previewを追加してください – andmattia

+0

問題を再現するにはどうすればよいですか? – solinvictus

答えて

0

http://ui-grid.info/docs/#/tutorial/108_hidden_gridsをご覧ください。

各列の固定幅を設定しながらautoResizeディレクティブを使用することで、この問題が解決されました。

+0

私は試してみると、どのようにテーブルからやり取りすることができますか? Sscope.gridoneのregisterApiで、グリッド番号が可変であればどうすればこの問題を解決できますか? 1ページに10のテーブルがあり、1回目のクリックで2回目または4回目に更新する必要があるとします。 – andmattia

+0

グリッドを登録した後、変数にグリッドapisを保存しておきます。新しい質問を開いて助けたら私の答えを受け入れることをお勧めします。 – solinvictus

+0

残念ながらそれは動作しません。 – andmattia