Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/mercurial/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在datatables中呈现列标题_Javascript_Jquery_Datatables - Fatal编程技术网

Javascript 在datatables中呈现列标题

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; } }] 我已经能够在控制台中返回列标题或作为警报返回: () 但不

我试图在datatables单元格中呈现列标题。到目前为止,我正在使用columnDefs调整单元格的内容,我希望添加列标题或标题:

"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,我曾经尝试过这样做,但没有成功,现在正在工作