Javascript 在datatables中呈现列标题
我试图在datatables单元格中呈现列标题。到目前为止,我正在使用columnDefs调整单元格的内容,我希望添加列标题或标题:Javascript 在datatables中呈现列标题,javascript,jquery,datatables,Javascript,Jquery,Datatables,我试图在datatables单元格中呈现列标题。到目前为止,我正在使用columnDefs调整单元格的内容,我希望添加列标题或标题: "columnDefs": [ { "targets": [6], "render": function (data, type, column) { return '?continent='+column[1]+'?filter='+this.header; } }] 我已经能够在控制台中返回列标题或作为警报返回: () 但不
"columnDefs": [ {
"targets": [6], "render": function (data, type, column) {
return '?continent='+column[1]+'?filter='+this.header;
}
}]
我已经能够在控制台中返回列标题或作为警报返回:
()
但不是单元格中的文本
小提琴:
我希望将第1列的标题-位置-插入到我编写Col1header的链接中。第1行的结果如下:“tom.html?office=Tokyo?filter=Position”以下是解决方案:
这是我更改的columnDefs代码
"columnDefs": [ {
"targets": [1],
"render": function (data, type, row, meta) {
var title = $('#example').DataTable().columns( meta.col ).header();
var columnName = $(title).html();
var url = 'tom.html?office='+row[2]+'?filter='+columnName.toLowerCase();
return '<a href="'+url.trim()+'">'+data+'</a>';
}
}]
“columnDefs”:[{
“目标”:[1],
“呈现”:函数(数据、类型、行、元){
var title=$('#示例').DataTable().columns(meta.col).header();
var columnName=$(title.html();
var url='tom.html?office='+行[2]+'?过滤器='+列名.toLowerCase();
返回“”;
}
}]
另外,添加了“deferRender”:true,一旦加载数据,该选项将呈现您想要显示的内容?craete JSFIDLE到并添加适当的datatable代码谢谢,添加了一个FiddleThank,我曾经尝试过这样做,但没有成功,现在正在工作