在数据表中呈现列标题

时间:2018-06-04 09:56:36

标签: javascript jquery datatables

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

"columnDefs": [ {
    "targets": [6], "render": function (data, type, column) {
        return '?continent='+column[1]+'?filter='+this.header;
     }
}]

我已经能够在控制台中返回列标题或作为警报: (https://datatables.net/reference/api/column().header()

但不是单元格中的文本

小提琴:http://jsfiddle.net/bbLjzspf/3481/ 我想将第1列的标题 - 位置 - 插入到我编写Col1header的链接中。第1行的结果如下所示:" tom.html?office = Tokyo?filter = Position"

1 个答案:

答案 0 :(得分:1)

以下是解决方案:

https://codepen.io/creativedev/pen/bKEPNe

这是我已更改的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>';
     }
}]

此外,添加了“deferRender”:true,,这将呈现一次数据加载