如何在jQuery Datatable单元格中添加多个数据

Question

我正在使用Datatables来表示JSON数据。这是我的JSON:

[{"postIMAGE": "/images/abc.jpg", "postTITLE": "Some Text", "postURL" : "blah", "postSection" : "blah"}]

这是我的代码：

var table = $('#tableId').DataTable({
        "ajax": {
            "url": "loadSiteContent",
            "dataSrc": "",
            data: {sectionUrl: "", siteUrl: siteurl}
        },
        "columns": [
            {"data": "postIMAGE", "render": function (data) {
                    alert(data);
                    return '<img src=' + data + ' width="154" height="115"/>';
                }},
            {"data": "postTITLE"},

            {"data": "postURL", "render": function (data) {
                    return '<a href=' + data + ' target="_blank" rel="nofollow"/>' + data + '</a>';
                }}
        ]
    });

因此，视图将如下所示：

但我想创建下面这样的表格。该如何做？只有一列，并且所有细节都在该单元格中。

- Amal Madawa

---

Datatables是用于表格数据的。你想要的不是表格形式的，所以Datatables并不适合这个任务。 - Eric Guan

Answer 1

您可以使用render来实现：
例如：

{
    data: null,
    name: null,
    orderable: false,
    render: function (data, type, row) {
       return row.Field1 +
              "<img src='" + row.Field2 + "' />";           
    }
},

换句话说，您可以使用类似于顶部示例中的row.fieldName将所有数据显示在单个列中。
希望这对您有用。

- Majid Basirati