如何在DataTable中添加包含链接的列?

时间:2016-06-15 07:24:29

标签: javascript jquery datatable

我在这里使用数据表https://datatables.net/examples/api/row_details.html 我想为CRUD操作添加一个额外的列。这就是我试图这样做的方式:

$(document).ready(function() {
    var table = $('#example').DataTable({
        "ajax": "../User/GetDataTable",
        "columns": [
            {
                "className": 'details-control',
                "orderable": false,
                "data": null,
                "defaultContent": ''
            },
            { "data": "FIRST_NAME" },
            { "data": "LAST_NAME" },
            { "data": "DESCRIPTION" }
            { defaultContent: '<a href="' + JSON.stringify({data: "FIRST_NAME" }) + '">LINK</a>'
    }
    ],
    "order":
    [[1, 'asc']]
});

问题是LINK看起来像这样:http://localhost:4259/%7B或没有JSON.stringify:http://localhost:4259/[object Object]而我希望LINK例如。 http://localhost:4259/TomTomFIRST_NAME

的值

1 个答案:

答案 0 :(得分:0)

好的,我找到了解决方案:

...
            { "data": "FIRST_NAME" },
            { "data": "LAST_NAME" },
            { "data": "DESCRIPTION" }
            {   
               data: 'FIRST_NAME',
               "render": function (data) {
                    return '<a href="' + data + '">Edit</a>';
            }
    }
...