DataTableのではなく、適切に自動幅

Question

は、だから私はそれを中心に幅設定と別のものを行うことになっているdivの、内部のデータテーブルを持っている：

<div style='text-align:center !important'> 
    eakjflsdj 
    <div id="ajax_table_header" style="width: 60%;"> 
     lbah 
     <table id="ajax_table"> 
      <thead> 
       <tr> 
        <th>ID</th> 
        <th>Reference</th> 
        <th>Date</th> 
        <th>Title</th> 
        <th>Site</th> 
        <th>Location</th> 
       </tr> 
      </thead> 
     </table> 
    </div> 
</div> 

予想通り

テキスト・センターが、私は <div id="ajax_table_header" style="width: auto;">

に <div id="ajax_table_header" style="width: 60%;"> を変更するときには、CSSが適用されなかったかのようです。

そして、私が<table id="ajax_table" style="width: auto">のときは、検索バー、ページ番号、その他のすべてがdivの端まで伸び続けている間に、テーブルは管理可能なサイズに縮小されます。

センターと自動サイズ変更を行うにはどうすればよいですか？

Jsfiddle：ずっとajax_table_headerに周りdisplay: tableいじる後https://jsfiddle.net/nc45tz0d/1/

は

Answer 1

があなたのdivにこれを追加解決策になると思われた

<div id="ajax_table_header" style="width: 60%;margin-right:auto;margin-left:auto">