在jquery数据表中将图像添加为行值

时间:2012-10-03 16:56:34

标签: jquery datatables

我有来自服务器的json响应

{"id":20,"name":"d","jobid":"22","workflow":"Diagnostic","**status**":"COMPLETE"}...

我的js功能如下,

var oTable = $('#myTable').dataTable({
    'sPaginationType': 'sample',
    "bStateSave": true,
    "bServerSide": true,
    "bDestroy": true,
    "sAjaxSource": "/someurl"
});​

我可以在datatable.But中显示这些数据 根据json响应中的状态值,我需要提供图像作为数据行值。 (说img1状态'完整'......)..

我必须使用jquery来使用jquery datatable来显示。

请帮助

2 个答案:

答案 0 :(得分:6)

只需在JSON中添加图片

即可
{
    "id": 20,
    "name": "d",
    "jobid": "22",
    "workflow": "Diagnostic",
    "**status**": "<img src=\"img1.jpg\">"
}

如果要根据状态切换图像。只需通过条件语句切换它。

例如:

if($status == "complete"){
  $img = "<img src=\"img1.jpg\">";
}
else{
   $img = "<img src=\"img1.jpg\">";
}

然后使用img变量构建你的json。

答案 1 :(得分:0)

将您的一个响应变量设置为html字符串。当你将那个html放入一个单元格时,它应该可以工作。