EasyUI-datagrid列显示图片

<table id="dg_img" class="easyui-datagrid" data-options="
		  fit:true,
		  rownumbers:true,
		  singleSelect:true,
		  pagination:true,
		  pageSize:20,
		  pageList:[20,40,80],
		  toolbar:'#tb' ">   
		    <thead>   
		        <tr>   
		        	<th data-options="field:'id', hidden:true">主键</th> 
		        	<th data-options="field:'icon',width:100, formatter:showImg">图标</th> 
		        	<th data-options="field:'size',width:100">尺寸</th>   
		            <th data-options="field:'url',width:200">URL</th> 
		            <th data-options="field:'enableState',width:100, formatter:formatState">启用状态</th> 
		        </tr>   
		    </thead>   
		  </table>


//图片展示
function showImg(value, row, index){
	if(row.url){
		return "<img style='width:24px;height:24px;' border='1' src='"+row.url+"'/>";
	}
}



已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页