Come centrare l'intestazione dei datatables

Question

Sono nuovo ai datatables. Quando creo l'intestazione della tabella, è sempre allineato. Come posso impostare l'intestazione per centrare l'allineamento? Ho letto datatables.net/manual/styling/classes e datatables.net/reference/option/columns.className ma non so ancora come implementarlo.

$('.table').DataTable({ 
    "paging": true, 
    "lengthChange": true, 
    "searching": true, 
    "ordering": true, 
    "info": true, 
    "language": { 
    "url": "http://cdn.datatables.net/plug-ins/1.10.9/i18n/Indonesian.json" 
    } 
    "columnDefs": { 
    { 
     className: "dt-head-center" 
    } 
    } 
}); 

Answer 1

Potreste aver dimenticato dopo aver specificato la classe, è necessario aggiungere quanto segue in CSS:

.dt-head-center {text-align: center;} 

Inoltre, se la classe non è stato aggiunto alla <th> della tavola, prova ad aggiungere il seguito CSS per roba generico:

thead, th {text-align: center;} 

/* OR */ 

.table thead, 
.table th {text-align: center;} 

per rendere più specifici per una particolare tabella, si può dare al tavolo un id="tableID" e poi nel CSS, si può fare:

#tableID thead, 
#tableID th {text-align: center;} 

Answer 2

È possibile farlo con i CSS. Basta usare la classe tavolo come selettore e indirizzare ogni tavolo voce dentro quel selettore, in questo modo:

.table th { 
    text-align: center; 
} 

Answer 3

utilizzando questo stile:

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

posso aggiungere la classe center-all al mio tavolo e tutto sarà allineato al centro. in questo modo:

<table class="center-all"> 
    .... 
</table 

In questo modo ho la possibilità di centrare il contenuto di alcune tabelle senza necessità di applicare a tutta pagina/sito