Render the column header in datatables

Question

I am trying to render the column header in a datatables cell. So far I am using columnDefs to adjust the contents of a cell, and I wish to add the column header or title:

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

I have been able to return the column header in the console or as an alert: (https://datatables.net/reference/api/column().header())

but not as text in the cell

Fiddle: http://jsfiddle.net/bbLjzspf/3481/ I would like the header of column 1 - Position - to be inserted into the link where I have written Col1header. Result for row 1 would look like: "tom.html?office=Tokyo?filter=Position"

what exactly u want to show? craete jsfiddle to and add proper datatable code — Bhumi Shah
– Bhumi Shah, Commented Jun 4, 2018 at 10:39

Bhumi Shah · Accepted Answer · 2018-06-04 15:43:39Z

2

Here is the solution:

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

This is columnDefs code which i have changed

"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>';
     }
}]

Also, added "deferRender": true, which will render once dataloaded

answered Jun 4, 2018 at 15:43

Bhumi Shah

9,50210 gold badges69 silver badges110 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user1758908 Over a year ago

thanks, I had tried to do this but with no success, working now

Collectives™ on Stack Overflow

Render the column header in datatables

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related