Layui 表格中显示小的缩略图,单击查看原图


          cols: [
                [
                    { field: 'id', width: 80, title: 'ID', align: 'center' },
                    { field: 'title' , width: 200, title: '活动名称', align: 'center' },
                    { field: 'end_time', width: 120, title: '活动banner', align: 'center',  templet: function(d) {
                        //return  "<img src='"+datum.formatUrl(d.url)+"' style='height:50px;'";
                        var url =d.banner;
                        if(url == null){
                            return '暂无图片';//也可设置默认图片
                        }else {
                            return '<a href="' + url + '" target="_blank " title="点击查看">' +
                                '<img src="' + url + '" style="height:35px;" />' +
                                '</a>';
                        }
                    } },
                    { field: 'content',  title: '活动简介', align: 'center' },
                    { field: 'start_time', width: 180, title: '活动时间', align: 'center', templet: '#timeTpl'},
                    { field: 'status', width: 110, title: '状态', templet: '#statusTpl', align: 'center' },
                    {width: 170,title: '操作',align: 'center',templet: '#operationTpl'}
                ]
            ],


最新回复 (0)
发新帖