Question

我想要实现的是能够将图像列添加到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

Answer 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>。

jQuery dataTables：使用mrender添加图像

1 个答案: