DataTables呈现自定义列

时间:2017-01-27 18:19:28

标签: jquery datatables dynamic-columns

是否可以在DataTables.net中呈现自定义列?我已经阅读了很多教程和文档,但无法使其正常工作。我想用链接创建第三列,我使用第一列的信息。我的代码如下:

$(document).ready(function () {
    $('#categories').DataTable({
        "ajax": '@Url.Action("Table", "Categories")',
        "columns": [
            { "data": "Name" },
            { "data": "Parent" },
            null
        ],
        "columnsDefs": [
            {
                "render": function(data){
                    return "<a href='~/Admin/Categories/Edit' + data.Name + '>EDIT</a>";
                },
                "targets": 0
            }
        ]
    });
});

在json中,我只获得了Name和Parent列信息。有什么想法在里面创建名字的第三列吗?谢谢!

1 个答案:

答案 0 :(得分:14)

好的,所以我自己设法做到了。以下是下一代的答案:

 $(document).ready(function () {
    $('#categories').dataTable({
        "ajax": '@Url.Action("Table", "Categories")',
        "aoColumns": [
            { "data": "Name" },
            { "data": "Parent" },
            {
                "mData": "Name",
                "mRender": function (data, type, row) {
                    return "<a href='Admin/Categories/Edit/" + data + "'>EDIT</a>";
                }
            }
        ]
    });
});
相关问题