渲染通过ajax获取的datatables列

时间:2016-10-16 21:14:31

标签: php jquery ajax datatables

我通过ajax使用数据表并像这样显示表

var table = $('#data').DataTable( {
        "ajax": "initTable.php",
        "columns": [
            { "data": "orderid" },
            { "data": "first_name"},
            { "data": "last_name"},
            { "data": "unix" },
            { "data": "final_total" }
        ]
    } );

我已经尝试了

{ "data": "first_name" + "data": "last_name"},

但是我收到错误并且没有显示表格。那么如何更改渲染以在不在下一个单元格中的同一单元格中显示last_name旁边的名字

[UPDATE]

尝试

"ajax": "initTable.php",
"columns": [
            { "data": "orderid" },
            { "data": "first_name"},
            {"data": "last_name"},
            { "data": "unix" },
            { "data": "final_total" }
        ],
        "columnDefs": [
            {
                "render": function ( data, type, row ) {
                    return data + row[2];
                },
                "targets": 1
            },
            { "visible": false,  "targets": [ 2 ] }
        ]

(注意:我必须定义列行,因为我得到很多列(大约20个),并希望只显示4或5) 但我得到了第一个名字,然后是' undefined'类似于" Andy undefined"

1 个答案:

答案 0 :(得分:1)

使用以下代码:

{
    "render": function ( data, type, row ){
        return row["first_name"] + " " + row["last_name"];
    },
    "targets": 1
},

如果你隐藏它,也不需要包含last_name列。