我想要实现的是能够将图像列添加到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;
}
}],
});
编辑
我想要实现的只能添加一个带有图像的列而不是文本
答案 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>
。