jquery - 将列数据设置为超链接(dataTable JQUERY)

Question

我试图将一列设置为与数据表的超链接，但没有成功。

函数 successCallback(responseObj){

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

  } );

}

我需要网络链接来显示链接并成为该列中的超链接，以便用户可以单击并重定向到另一个页面。我调查了render但由于链接上的信息较少，我无法成功做到这一点。

我也调查了这个example但这并没有多大帮助。

Answer 1

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

$('#example').dataTable({
   "data": responseObj,
   "columns": [
      { "data": "information" }, 
      { 
         "data": "weblink",
         "render": function(data, type, row, meta){
            if(type === 'display'){
                data = '<a href="' + data + '">' + data + '</a>';
            }

            return data;
         }
      } 
   ]
});

参见this example用于代码和演示。