Layui 完美解决 数据表格显示图片不完整的问题


cols: [
                [
                    { field: 'id', width: 80, title: 'ID', sort: true, align: 'center' },
                    { field: 'item' , title: '名目',align: 'center' },
                    { field: 'file', title: '图片',width: 250, align: 'center',  templet: function(d) {
                            var url =d.file;
                            if(url == null){
                                return '暂无图片';//也可设置默认图片
                            }else {
                                return '<a href="' + url + '" target="_blank " title="点击查看">' +
                                    '<img src="' + url + '" style="height:35px;" />' +
                                    '</a>';
                            }
                        } },
                    { field: 'inputtime' , title: '申报时间',width: 200,align: 'center',templet:"<div>{{ layui.util.toDateString(d.inputtime*1000, 'yyyy-MM-dd HH:mm:ss')}}</div>" },
                    { field: 'status', width: 100, title: '状态', templet: '#statusTpl', align: 'center' },
                    {width: 200,title: '操作',align: 'center',templet: '#operationTpl'}
                ]
            ],
            done: function(res, curr, count){
                //数据渲染完的回调。
                $('.layui-table-cell').css({'height':'auto'});
            },


最新回复 (0)
发新帖