Layui table img 图片显示

浏览:11162 发布日期:2018/04/29 分类:前端开发 关键字: layui table img 图片显示
1.js 代码
,{field: 'img_src', title: 'ID', templet:'<div><img src="{{ d.img_src}}"></div>', fixed: 'left'}
2.样式调整,图片填进去后显示只有单元格高度一样,所以要改样式,th .laytable-cell-1-img_src 是设置表头的行高的,img_src 是我的图片字段名,cell 后面的1,2,3,4 。。。是每次新的加载的计数,变化的所以用了10次 ,
<style type="text/css">


th .laytable-cell-1-img_src,th .laytable-cell-2-img_src,th .laytable-cell-3-img_src,th .laytable-cell-4-img_src,th .laytable-cell-5-img_src,th .laytable-cell-6-img_src,th .laytable-cell-7-img_src,th .laytable-cell-8-img_src,th .laytable-cell-9-img_src,th .laytable-cell-10-img_src{
max-width: 100%;
line-height: 40px!important;;
}

.laytable-cell-1-img_src,.laytable-cell-2-img_src,.laytable-cell-3-img_src,.laytable-cell-4-img_src,.laytable-cell-5-img_src,.laytable-cell-6-img_src,.laytable-cell-7-img_src,.laytable-cell-8-img_src,.laytable-cell-9-img_src,.laytable-cell-10-img_src{
height: 100%;
line-height: 100px!important;;
}
.layui-table img {
max-width: 248px;max-height: 100px;
width:100%;
}
</style> 哪位大神有好的方法可以发评论哦
最佳答案
评论( 相关
后面还有条评论,点击查看>>