2017-01-20 6 views
2

テーブルの幅が大きくなるとメイン容器の幅が広がる可能性はありますか?出来ますか ??テーブルの幅に合わせてメイン容器の幅を調整する

<div class="container main-con"> 
    <table class="table table-hover"> <tr><td></td></tr> 
    </table> 
    </div> 

ここでデータが増加するとテーブルがコンテナの外に出てくる。テーブル幅に合わせてメイン容器の幅を広げることが可能です

+0

いいえ、コンテナが固定されている幅または:

それらは例えば

水平方向にスクロールさせるために.table応答における任意の.tableをラップすることにより、応答性のテーブルを作成します。流体はブラウザウィンドウの幅を意味します。ここで何を達成しようとしていますか? – DavidG

+0

私はコンテナにコンテナを持っています。私はテーブルを持っています。テーブルのデータが増えるとテーブルがコンテナの外に出てくる – user3198563

+0

だから、テーブルの幅に合わせてコンテナの幅を増やしたいのですが – user3198563

答えて

0

画面より広いコンテナを使用することは、ほとんどの場合非常に悪いユーザーエクスペリエンスです。人々は(正当な理由で)左右にスクロールするのが好きではありません。代わりにテーブルのスクロールを左右に動かした方が良いです。

テーブルを反応させることで、これを非常に簡単に行うことができます。 Bootstrap docsから:

<div class="table-responsive"> 
    <table class="table table-hover"> 
     <tr> 
      <td></td> 
     </tr> 
    </table> 
</div> 
+0

テーブルレスポンスを使いたいです。私はすでにそれをしている – user3198563

+0

本当にあなたのテーブルがあなたの画面よりも広げたいなら、それを 'container'に入れないでください – DavidG

+0

私はそれをコンテナに入れました...ケース1.テーブルのデータ幅が増えると....テーブルがコンテナから外に出る – user3198563

関連する問題