将 img HTML 标签集成到数据表中答案

【问题标题】：Integrate img HTML tag into datatable将 img HTML 标签集成到数据表中
【发布时间】：2017-04-26 09:52:14
【问题描述】：

我刚开始使用 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" }
    ]
} );

我期待找到可以让我摆脱无知的人。

祝你有美好的一天:)

【问题讨论】：

不完全是。这篇文章是关于同一件事，但比已经让我困惑的简单文档更令人困惑。
我已将此问题标记为重复问题（因此有上述评论）。在我发现真正的问题后，我收回了我的重复标志。

标签： jquery datatable

【解决方案1】：

render 属性位于您的 "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" }
]

【讨论】：

哦...我现在感觉很愚蠢谢谢！ :)