Jquery Datatables - if table header contains a column with name "URL", give hyperlink for that table column data

Question

In a jquery data table, if table header contains a column with name "URL", give hyperlink for that table column data. I was unable to write the logic for this. Please help..

$(document).ready(function(){ 
var index = $('th:contains("Mar")').eq(0).index(); 
   $("tr").each(function(rowIndex, row){ 
     $(row).find("th:eq(" + index + ")").css('background', 'green'); 
     $(row).find("td:eq(" + index + ")").html('<a href="index">+index+'</a>'); 
}); 

});

I have tried the above code, but I want to have the urls with dynamic data

@Zim84, $(document).ready(function(){ var index = $('th:contains("Mar")').eq(0).index(); $("tr").each(function(rowIndex, row){ $(row).find("th:eq(" + index + ")").css('background', 'green'); $(row).find("td:eq(" + index + ")").html('<a href="index">+index+'</a>'); }); }); I have tried the above code, but I want to have the urls with dynamic data. — sree
– sree, Commented Oct 16, 2018 at 8:38
You are using jquery datatable and have a column 'URL' where you want to give hyperlinks to that column. — Rojen
– Rojen, Commented Oct 16, 2018 at 8:39
@Rojen, I want to give hyperlinks for that column data(all tds for URL column) — sree
– sree, Commented Oct 16, 2018 at 8:40

Negi Rox · Accepted Answer · 2018-10-16 08:57:04Z

2

you can use jquery datatable render example

 var table = $('#example').DataTable({
    columnDefs: [{
        targets: 5,
        render: function (data, type, full, meta) {
            console.log(data);
            if (data.indexOf("partofyourlink") >-1) {
                return '<a href="http://somelink' + data + '.jpg">' + data + '</a>';
            } else {
                return data;
            }
        }
    }]
});

you can take a look here

answered Oct 16, 2018 at 8:57

Negi Rox

3,9421 gold badge14 silver badges18 bronze badges

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

4 Comments

sree Over a year ago

what does this mean "partofyourlink"?

Negi Rox Over a year ago

it means the search content like "Mar"

Negi Rox Over a year ago

please take a look in jsfiddle

sree Over a year ago

partofyourlink is dynamic and sometimes the position can be changed

Rojen · Accepted Answer · 2018-10-16 08:56:02Z

0

Try this:

'columns':[{
 'data': //your url data from json,
 render: function(data, type, row) {
     return '<a href= "'+ data +'"></a>"
            }
        }]

answered Oct 16, 2018 at 8:56

Rojen

3461 gold badge2 silver badges16 bronze badges

Collectives™ on Stack Overflow

Jquery Datatables - if table header contains a column with name "URL", give hyperlink for that table column data

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related