javascript - jQuery Datatable 重新加载数据 - json 到列

Question

我有第一次是服务器端渲染的表。我想要一些点击事件刷新表中的数据。
问题是如何将特定 json 对象属性“绑定(bind)”到特定列。我收到带有对象数组的 json 对象，其中只有一些属性让我感兴趣。
我想要
表列--json对象属性

ID——id
姓名--名字+姓氏
合作--scCooperationCollection
技能 -- scSkillsCollection
经历--工作经历

HTML 表格:http://pastebin.com/b5yRWsGe
JS重载表:http://pastebin.com/GzS8tpV6
JSON 示例:http://pastebin.com/AyBSrSui

Answer 1

参见columns.data或columns.render有关如何将源数据绑定(bind)到表列或为单元格生成自定义内容的选项。

您可以在columns.data中使用点分符号访问源数据属性，甚至可以使用[]符号连接数组。对于更复杂的数据呈现(例如连接两个字段)，请改用columns.render。

例如:

var table = $('#example').DataTable({
    ajax: {
       url: 'https://api.myjson.com/bins/3x4ql',
       dataSrc: 'aaData'
    },
    columns: [
        { data: "id" },
        { 
            data: null, 
            render: function(data, type, full, meta){
               return full['name'] + ' ' + full['surname'];
            }
        },
        { data: "scCooperationCollection[,].scFields.name" },
        { data: "scSkillsCollection[,].scFields.name" },
        { data: "workExperience" }
    ]        
});

参见this jsFiddle用于代码和演示。