2016-08-25 110 views
3

我正在使用Datatables來表示來自JSON的數據。這是我的JSON:如何將多個數據添加到jQuery Datatable Cell

[{"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>'; 
       }} 
     ] 
    }); 

所以認爲會是這樣:

Enter image description here

但我想創建一個類似如下的表。我怎麼做?單列和單一銷售中的所有細節。

Enter image description here

+0

數據表適用於表格數據。你想要的不是表格,所以Datatables不適合這個。 –

回答

1

您可以使用該render
例如:

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

換句話說,你創建一列,用row.fieldName像上面例子顯示所有的數據到它。
我希望這會有用。

+0

thanx它的工作 –

相關問題