首页 > 其他 > 详细

layui数据表格中展示图片

时间:2020-04-22 09:09:45      阅读:598      评论:0      收藏:0      [点我收藏+]

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失效

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!