我有第一次是服务器端渲染的表。我想要一些点击事件刷新表中的数据。
问题是如何将特定 json 对象属性“绑定(bind)”到特定列。我收到带有对象数组的 json 对象,其中只有一些属性让我感兴趣。
我想要
表列--json对象属性
ID——id
姓名--名字+姓氏
合作--scCooperationCollection
技能 -- scSkillsCollection
经历--工作经历
HTML 表格:http://pastebin.com/b5yRWsGe
JS重载表:http://pastebin.com/GzS8tpV6
JSON 示例:http://pastebin.com/AyBSrSui
最佳答案
参见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用于代码和演示。
关于javascript - jQuery Datatable 重新加载数据 - json 到列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38491189/