データセットの中心を合わせる

Question

私はページ上にテーブルを持ち、データテーブルを使って内容を検索して表示しています。しかし、列は中央に配置されていません。これは今見た目です。 Click Here 。これは、どのように私はテーブルを作成してい

$(document).ready(function() { 
manageMemberTable = $("#manageMemberTable").DataTable({ 


    "ajax": "php_actionsms/retrieve.php", 
    "order": [[0,'desc']] 
}); 

HTMLコードさ：DataTableのを定義するとき

<div class="container"> 
    <div class="row"> 
     <div class="col-md-12"> 

      <center><h1 class="page-header">TMTRO Iloilo <small>Accident Report Records</small> </h1></center> 

      <div class="removeMessages"></div> 
      <br /> <br /> <br /> 

      <table class="table table-responsive " id="manageMemberTable">     
       <thead> 
        <tr> 
         <th>ID</th> 
         <th>Recipient</th> 
         <th>Recipient Number</th> 
         <th>Place</th> 
         <th>Officer</th> 
         <th>Date&Time</th>            
         <th>Sent to Icer</th> 
         <th>Option</th> 
        </tr> 
       </thead> 
      </table> 
     </div> 
    </div> 
</div> 

Answer 1

は、これを追加します。

"columnDefs": [ 
    {"className": "dt-center", "targets": "_all"} 
] 

は、あなたのCSSに以下を追加：

th.dt-center, td.dt-center { text-align: center; }