在 jQuery Datatables 中添加指向 Ajax 源数据的链接

Ank*_*uja 1 javascript ajax jquery datatables

我想向第二列添加一个链接/href(其中包含“C”数据的一列)。我尝试过列渲染功能,但它只有当前列的数据。

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

我想将不同列的数据使用到第 2 列的锚标记上

这家伙在这里

/sf/answers/3338762661/

解释使用 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: "-" },
    ],
Run Code Online (Sandbox Code Playgroud)

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

Ada*_*cha 5

假设您的 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: "-" },
]
Run Code Online (Sandbox Code Playgroud)