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

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

将img HTML标记集成到datatable中

1 个答案: