解决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>

渲染表个的方式可以不同,关键是调用done属性,对表格渲染完成后进行回调设置css样式

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

发布了14 篇原创文章 · 获赞 14 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/Forever_and_ever/article/details/104052695