jQuery dataTables：使用 mrender 添加图像答案

【问题标题】：jQuery dataTables : Add image using mrenderjQuery dataTables：使用 mrender 添加图像
【发布时间】：2014-12-17 05:10:15
【问题描述】：

嗨，我想要实现的是能够从 http://www.datatables.net/ 将图像列添加到数据表中。任何人都可以帮助我纠正我在下面的代码中的问题还是我必须更改我的代码的任何部分谢谢

$('#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;
      }
    }],
});

编辑

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

image of my table

【问题讨论】：

rectifying my problem什么问题？
图像应该出现在最后一列但它是空的
你能提供一个有问题的小提琴吗？

标签： jquery html datatable jquery-datatables

【解决方案1】：

您的代码本质上没有任何问题，所以我猜您的 HTML 中只有 6 列，如下所示：

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

因此您的第 7 个图像列未呈现。如果是这种情况，只需在 HTML 中添加另一个 <th><th>。

【讨论】：