2016-08-25 16 views
3

私はDatatablesを使用してJSONのデータを表しています。これは私のJSONです:だからビューは次のようになりますjQuery Datatable Cellに複数のデータを追加する方法

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

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

は、これは私のコードです

Enter image description here

しかし、私は次のような表を作成したいです。それ、どうやったら出来るの?単一の列とその単一の販売のすべての詳細。他の言葉で

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

は、あなたが単一の列を作成し、トップの例のようにrow.fieldNameを使用することにより、それにすべてのデータを示しています。たとえば、

Enter image description here

+0

Datatablesは表データ用です。あなたが望むものは表形式ではないので、Datatablesはこれに適した仕事ではありません。 –

答えて

1

あなたはそのためのrenderを使用することができます。
私はこれが役に立つと願っています。

+0

ありがとうございます –

関連する問題