将列数据作为超链接（dataTable JQUERY）

我试图将列作为带有数据表的超链接，但没有成功。

function successCallback（responseObj）{

$(document).ready(function() { $('#example').dataTable( { "data":responseObj , "bDestroy": true, "deferRender": true , "columns": [ { "data": "infomation" }, { "data": "weblink" }, ] } ); } ); 

}

我需要weblink来显示链接并成为该列中的超链接，以便用户可以单击并重定向到另一个页面。 我查看了渲染，但链接上的信息较少，我无法成功。

我也调查了这个例子，但它没有用。

Answer 1

使用columns.render API方法动态生成单元格的内容。

 $('#example').dataTable({ "data": responseObj, "columns": [ { "data": "information" }, { "data": "weblink", "render": function(data, type, row, meta){ if(type === 'display'){ data = 'https://stackoverflow.com/questions/30489307/make-column-data-as-hyperlink-datatable-jquery/' + data + ''; } return data; } } ] }); 

有关代码和演示，请参阅此示例 。

Answer 2

  $('#example').dataTable( { "columnDefs": [ { "targets": 0, "data": "download_link", "render": function ( data, type, full, meta ) { return 'Download'; } } ] } ); 

从文档中 。 对我来说这是非常明确和直截了当的，你有什么不明白的？ 你看到了什么错误？

有关更完整的示例，请参见此处

Answer 3

如果您要根据其他列数据添加链接，则可以使用以下方法。

 $('#example').dataTable({ "data": responseObj, "columns": [ { "data": "information" }, { "data": "weblink", "render": function(data, type, row, meta){ if(type === 'display'){ data = 'https://stackoverflow.com/questions/30489307/make-column-data-as-hyperlink-datatable-jquery/' + data + ''; } return data; } } ] }); 

我刚刚更改了渲染function 。 data仅指当前列数据，而row对象指整行数据。 因此，我们可以使用它来获取该行的任何其他数据。