解决layui数据表格显示图片不完整

<table class="layui-table" id="activityTable" lay-data="{height:315, url:'activity/list',response:{statusName:'status',statusCode:'1',msgName:'msg'},done:function(res,curr,count){$('.layui-table-cell').css({'height':'auto'});$('#count').text('共有数据：'+res.count+' 条')},page:true, id:'activityTable',limit:5,limits:[10,20,30,50]}" lay-filter="activity"><thead><tr><th lay-data="{checkbox:true}"></th><th lay-data="{field:'id', width:80, sort: true}">ID</th><th lay-data="{field:'title', width:180}">标题</th><th lay-data="{field:'img',width:120,templet:'#imgTpl'}">缩略图</th><th lay-data="{field:'author', width:120}">编辑人员</th><th lay-data="{field:'createtime',width:180,}">创建时间</th><th lay-data="{field:'status',width:80,templet:'#switchTpl',unresize: true}">状态</th><th lay-data="{toolbar: '#barDemo1',width:250}">操作</th></tr></thead></table><script type="text/html" id="imgTpl"><div><img src={{d.img}} alt='暂无缩略图'></div></script>

渲染表格的方式可以不同，关键是使用done属性，对表格渲染完成后进行回调设置css样式，这样即使表格重载后，图片依然完整显示

done:function(res,curr,count){
$('.layui-table-cell').css({'height':'auto'}
);

解决layui数据表格显示图片不完整相关推荐

解决Layui数据表格无数据最后列被顶出去的问题
解决Layui数据表格无数据最后列被顶出去的问题参考文章: (1)解决Layui数据表格无数据最后列被顶出去的问题 (2)https://www.cnblogs.com/Caoxdong/p/963 ...
layui静态表格设置滚动条_解决layui数据表格table的横向滚动条显示问题
解决layui数据表格table的横向滚动条显示问题加上这段样式代码就可以解决了: body{overflow-y: scroll;} /* 禁止刷新后出现横向滚动条 */ ps:这个问题fly社区 ...
解决layui数据表格中嵌套下拉框显示问题
在layui数据表格中嵌套下拉框时,下拉框不能正常弹出,仔细观察发现,点击下拉框时会有一个短暂的弹出动画,马上又消失了,遂猜想,大概是显示的问题,可能是被覆盖了,那么解决覆盖就可以了. 如图, 下拉框 ...
android点赞刷新列表图片闪烁,RecyclerView使用——有效解决刷新数据错乱,图片闪烁,OOM问题...
做项目时,用到RecyclerView去加载1w张图片,为了防止OOM,需要进行分页预加载;这些完成后测试发现刷新recyclerView会造成数据错乱,在查阅资料得到一下的解决方法. 根据网上资料: ...
Layui数据表格显示无数据提示问题
做项目中,没有数据时候表格中提示无数据,感觉更友好,有时候没有数据但是确实空白,没有显示无数据文本提示,很纳闷,就尝试找了下看是什么问题后来发现,是开启了字段排序功能,删除排序功能代码就能正常 ...
layui数据表格自定义复选框表头_解决LayUI数据表格复选框不居中显示的问题
{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...
layui数据表格显示不全(火狐)
1. 问题描述自动渲染出来的数据表格发现只能显示几行而且还很不固定,操作一番发现当点击表头的时候才能显示全,正常的姿势都尝试了无果,只能采用非正常姿势. image.png 2. 错误姿势想直接⤵ ...
Layui数据表格显示不同颜色，不用回调函数
其实回调函数比较复杂,来个最简单的,利用templet自定义模板效果图 templet方法自定义列模板,模板遵循 laytpl 语法.这是一个非常实用的功能,你可借助它实现逻辑处理,以及将原始数据 ...
解决layui数据表格table固定列行高不一致的情况
在回调函数done中添加如下代码: //动态监听表头高度变化,冻结行跟着改变高度$(".layui-table-header tr").resize(function () {$( ...

解决layui数据表格显示图片不完整

解决layui数据表格显示图片不完整相关推荐

最新文章

热门文章