easyui datagrid中如何展示图片

1 .Demo

只写了关键的代码，其他的属性自行添加。

首先引入easyui的js必要文件，然后Demo如下

HTML部分:

<div id=‘box‘><div>

js部分:

$(‘#box‘).datagrid({

columns:[[

{

field: ‘imgurl‘,

title: ‘图片‘,

align:‘center‘,

formatter:function(value,row,index){   //关键：格式化，并返回一个img标签

return ‘<img width=‘60%‘ height=‘60px‘ src="‘+row.imgurl+‘"/>‘

},

}，

]];

});

2.关键在于初始化该字段时，格式化默认返回值，返回img标签，并通过设置width和height来自适应。