jQuery dataTables:使用mrender添加图像

时间:2014-12-17 05:10:16

标签: jquery html5 datatable jquery-datatables

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

1 个答案:

答案 0 :(得分:0)

您的代码没有任何内在错误,因此我猜您的HTML中只有6列,如下所示:

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

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