【问题标题】:Render the column header in datatables在数据表中呈现列标题
【发布时间】:2018-11-13 15:08:18
【问题描述】:

我正在尝试在数据表单元格中呈现列标题。到目前为止,我正在使用 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”

【问题讨论】:

  • 你到底想展示什么?创建 jsfiddle 并添加适当的数据表代码
  • 谢谢,加了一个小提琴

标签: javascript jquery datatables


【解决方案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, 将在数据加载后呈现

【讨论】:

  • 谢谢,我曾尝试这样做,但没有成功,现在可以使用
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-12-09
  • 2015-05-02
  • 1970-01-01
  • 1970-01-01
  • 2013-03-22
相关资源
最近更新 更多