layui数据表格中展示图片

1.改变图片大小
要设置

.layui-table {
height: auto;
width: auto;
}

.layui-table img {
    max-height: 200px;
    max-width: 200px;
}

2.springBoot项目,url返回值对应的是Controllerc层带@ Responsebody的方法返回的List<>,
格式为 [ {msg:值,msg:值,msg:值,msg:值}, {msg:值,msg:值,msg:值,msg:值},..... length: 值 ] 与layui数据格式的data:值一致,但不包含code,msg,等用以下代码转换格式

parseData: function (res) { //res 即为原始返回的数据
console.log(res);
return {
"code":0, //解析接口状态
"msg": res.message, //解析提示文本
"count": res.length, //解析数据长度
"data": res //解析数据列表
}
}

3.表格渲染获取数据方式一,limit有效

4.表格渲染获取数据方式二,limit失效

猜你喜欢

转载自www.cnblogs.com/wxw540882/p/12749415.html