Question

绘制我在代码

下面使用的数据表

function getDataTable(data1) { 
var cols = [];
var exampleRecord = data1[0];
var keys = Object.keys(exampleRecord);
 keys.forEach(function(k) {
        cols.push({
          title: k,
          data: k
          //optionally do some type detection here for render function
        });
      });
 var table = $('#queryBuilderTable').DataTable({
        columns: cols
      });

      //add data and draw

      table.rows.add(data1).draw();}

在我的第一列我得到了caseId我只想把这个列作为超链接，以便用户可以点击该链接，请帮助我的代码我使用json，我的JSON KEY在这里作为列名。

Answer 1

以下列方式尝试

    $('#queryBuilderTable').dataTable( {
    "columnDefs": [ {
    "targets": 0,
    "data": "The_Link_Defines",
    "render": function ( data, type, full, meta ) {
    var returnString='';
    /*here you can check the condition for making link */
    if(your condition with data obj)
      returnString ='<a href="'+data+'"> Hyper_Link </a>';
    else 
       returnString ='<span>Text </span>';

    return returnString ;
    }
  } ]
} );

并参考以下文章， Article Link

Answer 2

我通过使用以下代码解决了这个问题

 var table = $('#queryBuilderTable').DataTable({
     "columnDefs": [ {
            "targets": 0,
            "data": "",
            "render": function ( data1, type, full, meta ) {
                  return '<a onclick="cancerConferenceDataTable('+data1+')" style="cursor: pointer;">'+data1+'</a>';

            }
          } ],
        columns: cols

      });

      //add data and draw
      table.rows.add(data1).draw();

如何将数据表的第一列作为超链接

2 个答案: