Question

好，我正在使用jQuery数据表

我有

$(document).ready(function() {
    $('#companylist').DataTable( {
       dom: "Bfrtip",
        ajax: {
        url: 'data/companylist-ajax.php',
        dataSrc: '',
    },
    aLengthMenu: [[10, 25, 50], [10, 25, 50]],
   bPaginate:true,
   scrollX: "100%",
   order: [[ 0, "desc" ]],
   scrollCollapse: true,
        "columns": [
            { "data": "company_id" },
            { "data": "regoffice_city" },
            { "data": "regoffice_country" },
            { "data": "is_customer" },
            { "data": "is_supplier" },
            {"data": null,
            "defaultContent": "<a href=' + data[0] +'><i class=\"fa fa-fw fa-times\" style=\"color:red\"></i>Delete</button>",
            "targets": -1
          }
        ]
    } );
} );

我想做的是按钮href将包含要显示的数据行的company_id 但是，它显示的只是网址中的localhost / + data [0] + 我尝试了company_id和其他我能想到的东西，但是没有任何效果

Answer 1

defaultContent仅接受一个字符串，并且不知道该行中的数据。

要实现所需的功能，请改用render()。这需要一个函数，该函数接受当前行的数据并返回要在该列中显示的HTML字符串。试试这个：

{
  data: null,
  render: function(data) {
    return '<a href="' + data[0] + '"><i class="fa fa-fw fa-times" style="color: red"></i>Delete</button>';
  }  
  targets: -1
}

还请注意，我固定了引号，因此您无需转义内部的"。

将按钮添加到将对应于行数据ID的jquery数据表中

1 个答案: