Jquery 最后一列标题文本使用datatable垂直对齐

Jquery 最后一列标题文本使用datatable垂直对齐,jquery,css,json,datatable,Jquery,Css,Json,Datatable,我有一个从json文件填充的数据表。我的问题是,最后一列标题文本垂直于顶部对齐(标题列的高度也变得加倍) 有人能解决这个问题吗 这是我的数据表代码 $(document).ready(function() { var oTable = $('#genericTable').dataTable( { "bProcessing": true, "sAjaxSource": "../jsonData/resources/json/" + key + ".json

我有一个从json文件填充的数据表。我的问题是,最后一列标题文本垂直于顶部对齐(标题列的高度也变得加倍)

有人能解决这个问题吗

这是我的数据表代码

$(document).ready(function() {
    var oTable = $('#genericTable').dataTable( {
        "bProcessing": true,
        "sAjaxSource": "../jsonData/resources/json/" + key + ".json",
        "sPaginationType"   : "full_numbers",
        "bJQueryUI"         : true,
        "bRetrieve"         : true,
        "bPaginate"         : true,
        "bSort"             : true,
        "aaSorting"  : [[ 3, "desc" ]],
        "iDisplayLength"    : 50,
        "bAutoWidth"        : false,
        "aoColumns": [
                      { "sTitle": "Name" },
                      { "sTitle": "Description" },
                      { "sTitle": "Date" },
                      { "sTitle": "Action" }
                    ],
        "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
            if(typeof aData[0] != 'string'){
                $('td:eq(0)', nRow).html( '<a href="' + aData[0]['link'] +'" style="color:blue">'  +
                        aData[0]['displayValue'] + '</a>');
            }
            $('td:eq(3)', nRow).html( '<a href="' + aData[3]['link'] +'" style="color:blue">'  +
                    aData[3]['displayValue'] + '</a>');
        }
    }).columnFilter({ sPlaceHolder: "head:after",
        aoColumns: [ { type: "text" },
                     { type: "text" },
                     null
                   ]
    });
});
$(文档).ready(函数(){
变量oTable=$('#genericTable')。数据表({
“bProcessing”:正确,
“sAjaxSource”:“./jsonData/resources/json/”+key+“.json”,
“sPaginationType”:“完整编号”,
“bJQueryUI”:没错,
“bRetrieve”:没错,
“bPaginate”:对,
“bSort”:正确,
“aaSorting”:[[3,“desc”],
“iDisplayLength”:50,
“bAutoWidth”:假,
“aoColumns”:[
{“针”:“名称”},
{“针”:“描述”},
{“缝合”:“日期”},
{“缝合”:“操作”}
],
“fnRowCallback”:函数(nRow、aData、iDisplayIndex、iDisplayIndexFull){
if(数据类型[0]!=“字符串”){
$('td:eq(0)”,nRow.html(“”);
}
$('td:eq(3)”,nRow.html(“”);
}
}).columnFilter({sPlaceHolder:“head:after”,
aoColumns:[{type:“text”},
{type:“text”},
无效的
]
});
});
提前谢谢

检查这个

"aoColumns": [ 
     { type: "text" },
     { type: "text" },
     { type: "text" },
     { "sClass": "top" }
]
css

.top {
    vertical-align: top;
 }