Jak wyśrodkować nagłówek datatables

Question

Jestem nowy w zakresie datatables. Kiedy robię nagłówek tabeli, zawsze jest wyrównany. Jak ustawić wyrównanie do nagłówka? Przeczytałem datatables.net/manual/styling/classes i datatables.net/reference/option/columns.className, ale nadal nie wiem, jak to zaimplementować.

$('.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

Może zapomnieli po określeniu klasy, trzeba dodać następujące CSS:

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

Ponadto, jeśli klasa nie została dodana do <th> stołu, spróbuj dodać poniżej CSS dla rodzajowego rzeczy:

thead, th {text-align: center;} 

/* OR */ 

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

Żeby było specyficzne dla danej tabeli, można dać tabelę id="tableID" a następnie w CSS, można zrobić:

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

Answer 2

Możesz to zrobić za pomocą CSS. Wystarczy użyć klasy stołowego jako selektor i kierować każdy nagłówek tabeli wewnątrz tego selektora, na przykład:

.table th { 
    text-align: center; 
} 

Answer 3

za pomocą tego stylu:

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

mogę dodać klasę center-all do mojego stolika i wszystko zostanie wyrównany do środka. tak:

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

W ten sposób mam możliwość wyśrodkować zawartość niektórych tabelach bez konieczności stosowania go do całej strony/witryny