渲染通过 ajax 获取的数据表列

Question

我通过 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 旁边显示名字而不是在下一个单元格中

[更新]

试过

"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） 但我得到的名字后跟“未定义”类似“安迪未定义”

Answer 1

使用下面的代码：

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

如果您要隐藏它，也无需包含 last_name 列。