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