jquerydatatables:使用mrender添加图像

jquerydatatables:使用mrender添加图像,jquery,html,datatable,jquery-datatables,Jquery,Html,Datatable,Jquery Datatables,嗨,我想实现的是能够从向datatable添加一个图像列。有人能帮我纠正我下面代码中的问题吗?或者我必须更改代码的任何部分吗?谢谢 $('#table_id').DataTable({ destroy: true, data: result, columns: [ { data: 'locationName' }, { data: 'locationDescription' }, { data: 'address' },

嗨,我想实现的是能够从向datatable添加一个图像列。有人能帮我纠正我下面代码中的问题吗?或者我必须更改代码的任何部分吗?谢谢

$('#table_id').DataTable({
    destroy: true,
    data: result,
    columns: [
      { data: 'locationName' }, 
      { data: 'locationDescription' }, 
      { data: 'address' }, 
      { data: 'contactInfo' }, 
      { data: 'openHours' }, 
      { data: 'active' }, 
      {
        "mrender": function(data, type, row) {
            img_str = '<img src="http://www.jacklmoore.com/colorbox/content/ohoopee3.jpg"/>';
            return img_str;
      }
    }],
});
编辑

我想要实现的就是能够添加一个带有图像而不是文本的列


您的代码没有本质上的错误,所以我猜您的HTML中只有6列,如下所示:

<th>locationName<th>
<th>locationDescription<th>
<th>address<th>
<th>contactInfo<th>
<th>openHours<th>
<th>active<th>

因此,您的第7个图像列未渲染。如果是这种情况,只需在HTML中添加另一个。

纠正我的问题什么问题?图像应该出现在最后一列,但它是空的。你能提供一个有问题的小提琴吗?