img HTMLタグをデータテーブルに統合

Question

私はちょうどDatatableを使い始めました。私は何かについて混乱しています。 イメージHTMLタグをセル内に統合できないようです。 それはcolumn.renderだと思いますが、私はそれをやる方法をまだ分かっていないので、私は少し戸惑っています。

ここに私のコードです、パスは画像のURLを返します。

$('#table_id').DataTable({ 
    "processing": true, 
    "ajax": { 
     "url": "req.php", 
     "type": "POST" 
    }, 
    "columns": [ 
     { "data": "id" }, 
     { "data": "path" }, 
     { "data": "type" }, 
     { "data": "keywords" } 
    ] 
}); 

そして、私は現時点で何をしようとしています。

$('#table_id').DataTable({ 
    "processing": true, 
    "ajax": { 
     "url": "req.php", 
     "type": "POST" 
    }, 
    "columns": [ 
     { "data": "id" }, 
     { "data": "path" }, 
      "render": function (data, type, full, meta) { 
      return '<img src="'+data+'">'; 
     { "data": "type" }, 
     { "data": "keywords" } 
    ] 
}); 

私は私の無知から私を得ることができる人を見つけることを楽しみにしています。

はレンダリングプロパティは、あなたの"data":"path"があるオブジェクトの外にある素敵な一日:)

Answer 1

を持っています。

今、あなたのレンダリングのため、このコードを持っている：

"columns": [ 
    { "data": "id" }, 
    { "data": "path" }, 
     "render": function (data, type, full, meta) { 
     return '<img src="'+data+'">'; 
    { "data": "type" }, 
    { "data": "keywords" } 
] 

あなたはこのようにそれを書き換える必要があります。

"columns": [ 
    { "data": "id" }, 
    { "data": "path", 
     "render": function (data, type, full, meta) { 
      return '<img src="'+data+'">'; 
     } 
    }, 
    { "data": "type" }, 
    { "data": "keywords" } 
]