どのようにデータセットのアライメントを整えるかヘッダ

Question

私はdatatablesを初めて使いました。私はテーブルのヘッダを作るとき、それは常に左揃えです。 ヘッダーを中央揃えに設定するにはどうすればよいですか？ 私はdatatables.net/manual/styling/classesとdatatables.net/reference/option/columns.classNameを読みましたが、実装方法はまだ分かりません。

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

あなたはクラスを指定した後、あなたはCSSに以下を追加する必要が忘れているかもしれません。また、

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

クラスは、テーブルの<th>に追加されていない場合は、追加してみてください一般的なもののためのCSSを下回る：

thead, th {text-align: center;} 

/* OR */ 

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

特定のテーブルにそれが特定できるようにするには、あなたがテーブルにid="tableID"を与えることができ、その後、CSSで、あなたが行うことができます：

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

Answer 2

これはCSSで行うことができます。ただ、セレクタとしてあなたのテーブルクラスを使用し、そのセレクタの内側に向かってすべてのテーブルを対象に、このように：

.table th { 
    text-align: center; 
} 

Answer 3

このスタイルを使用して：

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

私は私のテーブルとすべてにcenter-allクラスを追加することができます中心に位置合わせされます。このように：私はあなたがCSSを使用する必要がページ全体/サイト