jquery dataTable标题和列内容居中

     标题居中需要在全局css文件中定义table的样式，假设在一个html的div中这样定义一个dataTable：

                                
      

           

              

              


              
 账号 
              
 密码 
              
 数量 
              
 类型 
              
 时间 
              
 操作 
           
     

         前面两个th内容为空是因为我这个表格不需要显示复选框和序号列，所以内容为空，然后在js中dataTable初始化时 ，columns的前两列data设为null，visible设为false，就隐藏了这两列：

columns: [
          {"data": null, "visible": false},
          {"data": null, "visible": false},
          ....

        然后在全局css文件中重写table里面的th样式，代码如下： 

.table th { 
    text-align: center;
    vertical-align: middle !important;
}

        最后是实现每列内容居中，通过在dataTable初始化时的createRow参数实现，初始化时绘制每一列时设置样式：

createdRow: function( row, data, dataIndex ) {
                $(row).children('td').attr('style', 'text-align: center;vertical-align: middle;');
            },