Визуализировать заголовок столбца в таблицах данных

Question

Я пытаюсь отобразить заголовок столбца в ячейке таблицы данных.До сих пор я использую columnDefs для настройки содержимого ячейки и хочу добавить заголовок или заголовок столбца:

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

Мне удалось вернуть заголовок столбца в консоли или в виде предупреждения: (https://datatables.net/reference/api/column().header())

, но не в виде текста в ячейке

Fiddle: http://jsfiddle.net/bbLjzspf/3481/ Я хотел бы добавить заголовок столбца 1 - Положение - в ссылку, гдеЯ написал Col1header. Результат для строки 1 будет выглядеть так: "tom.html? Office = Tokyo? Filter = Position"

Answer 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, , который будет отображаться после загрузки данных