jquery - コンテナを満たすためにjQuerydataTablesを取得できません

Question

私の質問はこれと非常によく似ています。テーブルにコンテナをいっぱいに入れたいのですが、好きなサイズになります。

テーブルの周りのhtmlタグは次のとおりです。

<body>
  <div>
    <section>
      <table id="my_table">

divとsectionのCSS：

div {
    width: 50%;
    margin: 0px auto;
    overflow: hidden;
    padding: 0 0;
}

section {
    float: left;
    margin-bottom: 20px;
}

私はdataTablesで特別なことは何もしていません：

$('#my_table').dataTable()

リンクされた投稿でほとんどすべてを試しましたが、dataTablesでコンテナを埋めることができません。autoWidthを削除し、4つの列をそれぞれ25％に設定しました。これにより相対的なサイズが変更されましたが、全体の幅はまだ小さすぎました。

これはセクションタグと関係がありますか？

検索フィールドに何かを入力すると、テーブルが適切なサイズになります。

私のために問題を再現するjsFiddle：http: //jsfiddle.net/mushroom/GHU4f/1/

score 3 · Accepted Answer

width : 100% をセクション css に追加すると、問題が修正されました。

section {
    float: left;
    margin-bottom: 20px;
    width:100%;
}

score 0 · Accepted Answer

以下のコードを「テーブル」要素に追加すると、うまくいきます。

style="width: 100%;"

2 に答える 2