Ng-table: 1つのテーブルに表示する必要のある列が多い場合に水平スクロールバーを表示するにはどうすればよいですか?

作成日 2015年11月28日  ·  4コメント  ·  ソース: esvit/ng-table

qq 20151128203444
ページにはスクロールバーが表示されますが、テーブルには表示されません。

最も参考になるコメント

テーブルをdivで囲む必要があります
<div id="container"><!--table here--></div>

cssでは、次のスタイルをコンテナdivに適用します
#container{white-space:nowrap; overflow: hidden;}

次に、次のスタイルをテーブルに適用します
.table{display:block;overflow-x:scroll;}

これにより、テーブルのすぐ下、ページャーdivの前に水平スクロールバーが追加されます。

全てのコメント4件

その上にコンテナを作成します。
<div id="container"> <!--your table --> </div>
そしてcssを使用すると:
#container { width:100%; overflow: auto }

@AmitMYはポケットベルを非表示にします

+ 1、テーブル要素のコンテナが必要

テーブルをdivで囲む必要があります
<div id="container"><!--table here--></div>

cssでは、次のスタイルをコンテナdivに適用します
#container{white-space:nowrap; overflow: hidden;}

次に、次のスタイルをテーブルに適用します
.table{display:block;overflow-x:scroll;}

これにより、テーブルのすぐ下、ページャーdivの前に水平スクロールバーが追加されます。

このページは役に立ちましたか?
0 / 5 - 0 評価