將img HTML標籤集成到數據表中

我剛開始使用Datatable，我對某事感到困惑。我似乎無法在單元格內集成圖像HTML標記。這是關於我想的column.render，但我想我有點被文檔壓垮，因爲我還沒有想出如何去做。將img HTML標籤集成到數據表中

這是我的代碼，路徑返回一個圖像的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" } 
    ] 
});

我期待找到能讓我擺脫不了我的無知的人。

有一個愉快的一天:)

來源

2017-04-26 Romain

不太這一點。這篇文章是關於同樣的事情，但比簡單的文檔更容易混淆，這已經讓我感到困惑。 – Romain

我已經把這個問題標記爲重複（因此上面的評論）。我發現真正的問題後，我收回了我的複製旗。 –

渲染性能是你的"data":"path"爲對象之外。

現在，您有這樣的代碼爲您呈現：

"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" } 
]

來源

2017-04-26 10:36:25

哦...我現在覺得很蠢謝謝！ :) – Romain

將img HTML標籤集成到數據表中

回答

相關問題