私は、ページ出力、ソート、検索などの面白い機能を強化するために、HTML出力がDataTablesのjavascriptプラグインでフォーマットされたテーブルです。HTMLテーブルとデータテーブルアライメント
すべてが魔法のように動作しますが、あなたが見ることができるよう、検索ボックスと（赤でマーク）改ページバーが非常にページの右側の代わりに、テーブル自体（I近くにalligned表示されます緑色のボックスに入れてください）。 これを達成するための任意のアイデアですか？私はテーブルのコンテナのdivと固定幅だけでなく、成功せずにテーブル自体のために一定の幅で
を試してみた：
は、ここに私のカミソリコードです。
非常に感謝します！
設定width="100%"それは、コンテナの全幅を占めるようにする<table>の属性になります。ブートストラップフレームワークを使用しているので、対応するクラスを適用してください。
詳細はBootstrap 3 exampleを参照してください。
ありがとうございました！確かに問題はブートストラップでした – Carlos
domパラメータを使用して、検索ボックスとページャを<div>にラップしてから、CSSを使用して好みに合わせます。例えば
：
$('#example').dataTable({
"dom": '<"top"f>t<"bottom"p>'
});
には、次のHTML
<div class="top">
{filter}
</div>
{table}
<div class="bottom">
{pagination}
</div>
コードの絵ではなく、コードを貼り付けてください。また、投稿されたコードには、問題のcssまたはsecarchボックス/ページネーションが表示されません – Pete
最初は隠れたdivにテーブルがありますか？もしそうなら、これを見てください：http://www.gyrocode.com/articles/jquery-datatables-column-width-issues-with-bootstrap-tabs/ – annoyingmouse
あなたの答えをありがとうピート： - 私は写真を貼り付けたエディタが書式設定に狂っていて、全く読むことができませんでした。 - テーブルが隠れたdivにありません：Gyrocedo.domが述べたように、問題はブートストラップとDataTablesを何もしませんでした（ datatables dom parameterしかし、 – Carlos