Layui table img 图片显示

浏览:12061 发布日期: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> 哪位大神有好的方法可以发评论哦

最佳答案

评论() 相关

后面还有条评论,

您需要登录后才可以评论登录 | 立即注册

傲杰无痕 01-03
tp6+layui提交按钮在form外面提交表单
fulang167 07-02
thinkphp56円后台管理系统\权限系统\单页局部刷新
兔子喵 05-02
laket-admin 是基于 thinkphp6 和 layui 的通用PHP后台开源管理系...
fulang167 04-25
thinkphp56円后台管理系统\权限系统\单页局部刷新
fulang167 04-12
TP5.1+layui结合实例/后台管理/权限系统/开源二开

收藏

赞

zhangleiphp

积分:1591 等级:LV3

热点推荐

(追記) (追記ここまで)

最新更新

我们

合作

网站

信息

ThinkPHP 是一个免费开源的,快速、简单的面向对象的轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。