解决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'}
);