layui数据表格渲染图片

<script>
    layui.use('table', function(){
        var table = layui.table;
        table.render({
            elem: '#test'
            ,url:'/admin/gis/modukarlist/'
            ,cellMinWidth: 80
            ,cols: [[
                {field:'id', title: 'ID', sort: true,align: 'center'}
                ,{field:'sort', title: '排序', sort: true,align: 'center'}
                ,{field:'name', title: '模块名称',align: 'center'}
                ,{field:'create_time', title: '创建时间', minWidth: 150,align: 'center',}
                ,{field:'urls', title: '图标', minWidth: 150,align: 'center',templet:'#img'}
                ,{fixed: 'right', width:250,align:'center', toolbar: '#barDemo'}
            ]]
            ,page: true
        });
        //监听行工具事件
        table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
                ,layEvent = obj.event; //获得 lay-event 对应的值
            if(layEvent === 'edit'){
                url = "/admin/gis/modularedit/id/"+data.id;
                window.location.href = url;
            }else if(layEvent === 'del'){
                $.ajax()
            }
        });
    });
</script>
<script type="text/html" id="img">
    <div><img src="{{d.urls}}" style="width:20px;height:20px"></div>
</script>