Datatables align center

Question

我在頁面上有一個表格，使用數據表格檢索和顯示內容。但是這些列不與中心對齊。這就是它現在的樣子。 Click Here 。這是我正在創建表

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


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

HTML代碼：

<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; }