Jquery 最后一列标题文本使用datatable垂直对齐
我有一个从json文件填充的数据表。我的问题是,最后一列标题文本垂直于顶部对齐(标题列的高度也变得加倍) 有人能解决这个问题吗 这是我的数据表代码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
$(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;
}