javascript - 在 jQuery 数据表中添加指向 Ajax 源数据的链接

Question

我想添加一个链接/href 到第 2 列(其中包含“C”数据的列)。我已经尝试了列渲染功能，但它只有当前列的数据。

https://datatables.net/reference/option/columns.render

我想将来自不同列的数据用于第 2 列的 anchor 标记

这个人在这里

https://stackoverflow.com/a/47696609/11575565

说明使用 rowID 可以解决我的问题，但这不起作用。

我尝试在 ajax 函数上使用 $.getJSON 和 append()，但效果不佳。

    $(document).ready(function() {
  var table = $('#bla').DataTable({
    "ajax" : "blist.json",
    "columns" : [
        { "data" : null,defaultContent: "-" },
        { "data" : "C" },
        { "data" : "B" },
        { "data" : "D" },
        { "data" : null,defaultContent: "-" },
        { "data" : null,defaultContent: "-" },
    ],

[blist.json中的数组有数据"A","B","C","D","E"]

Answer 1

假设，您的 Link 值在键 E 中，那么您将能够使用如下所示的渲染。

"columns" : [
  { "data" : null,defaultContent: "-" },
  { "data" : "C", 
    "render": function(data, type, row, meta){
      if(type === 'display'){
          data = '<a href="' + row.E + '">' + data + '</a>';
      }
      return data;
    }
  },
  { "data" : "B" },
  { "data" : "D" },
  { "data" : null,defaultContent: "-" },
  { "data" : null,defaultContent: "-" },
]