jquery - 将 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" }
    ]
} );

我期待着找到一个能让我摆脱无知的人。

祝你有美好的一天:)

Answer 1

渲染属性位于 "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" }
]