2016-11-01 10 views
0

アングルグリッドを使用すると、Horizo​​ntalScrollbarは常に が表示されます。そして、gridOptionsにenableHorizontalScrollbar:2を使用しようとしています。しかし、それは動作しません。また、このようなHorizo​​ntalScrollbarを表示または非表示にするときはexampleです。
enter image description here
左側の選択は無効になります。
どのような解決策ですか?不要なときは、angle-ui-grid scrollBarを隠す方法は?

答えて

0

これはサイズの問題です。オブジェクトのサイズに合わせて列の幅を設定しようとすると、水平スクロールバーが消えます。あなたはAUTORESIZEオプションが用意されてい

$scope.gridOptions.columnDefs = [ 
     { name:'id', width:50}, 
     { name:'name', width:50 }, 
     { name:'age', width:50 } 
    ]; 

に列のサイズを変更するには角度-UI-グリッドに水平線


をせずにテーブルを生成し、これがあなたの問題を解決する必要がありますデータが実際に表に収まるかどうかを判断します。

あなたがここでそれについて読むことができます。 http://ui-grid.info/docs/#/tutorial/213_auto_resizing

+0

が私のために動作しません、私はあなたがplunkerするようにコードをアップロードできる –

+0

まだ 'UI-グリッド自動resize'が、Horizo​​ntalScrollbarを使うのか? –

+0

ここには[plunker](http://plnkr.co/edit/aI6qfDNTMT9RFKkekYoR?p=preview) –

関連する問題