javascript - 如何将多个数据放在数据表列中?

标签 javascript json jquery-datatables

我正在使用 Datatables表示来自 JSON 的数据。 我的 JSON 如下:

[{"name": "John Doe", "email": "john@gmail.com", "address" : "blah"}]

在 Datatables 中,我可以使用以下内容轻松地在 3 个差异列中显示这 3 条信息:

columnDefs = [ 
                { "mData": "name", "aTargets":[0] },
                { "mData": "email", "aTargets":[1] },
                { "mData": "address", "aTargets":[2] }
             ]; 

但问题是我想在第一列中显示“姓名”和“电子邮件”,然后在第二列中显示“地址”。 我怎样才能做到这一点?请指导。

最佳答案

为了更简短,可以这样写

"aoColumns": [
    { "mData": "i_id" },
    { "mData": "i_name" },
    { "mData": function (data, type, dataToSet) {
        return data.i_id + "<br/>" + data.i_name;
    }}
],

结果

enter image description here

关于javascript - 如何将多个数据放在数据表列中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15174560/

相关文章:

javascript - 如何将带有数组的字符串转换为数组

jquery-datatables - 隐藏 jQuery 数据表中的列

javascript - 使用 Javascript 更改 SVG 的颜色

javascript - 剪贴板 IE 8 和 7 中的 Jquery ZeroClipboard 或 Zclip 什么都没有

java - 在 mongoDB 中存储来自 twitter api 的 json 文件

javascript - 如何在 angularjs 中显示 json 的值

javascript - 数据表中的 sAjaxSource 参数到底是什么?

printing - 打印时抑制在 JQuery 数据表中呈现 HTML 链接

javascript - 在 Flow 中精炼混合到已知对象类型

javascript - 为什么当包有 api.use ('mongo' 时,在包测试中使用 Mongo 会失败?