Datatables align center

Question

Ich habe eine Tabelle auf einer Seite und Abrufen und Anzeigen von Inhalten mit Datenträgern. Aber die Spalten sind nicht auf die Mitte ausgerichtet. So sieht es jetzt aus. Click Here . Dies ist, wie ich die Tabelle erschaffe

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


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

Html-Code: diese

<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

hinzufügen, wenn Datentabellen definieren:

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

diese zu Ihrem CSS hinzufügen:

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