2021-08-20 解决layUi 选项卡切换表格大小不匹配问题

1、出现问题：当选项卡中嵌套表格时，切换第二张表格会不适配

2、解决问题

<div class="layui-fluid"><div class="layui-card layui-tab layui-tab-brief" lay-filter="table-change"><ul class="layui-tab-title"><li class="layui-this">巡检报告</li><li>运营报告</li></ul><div class="layui-tab-content"><div class="layui-tab-item layui-show"><div class="layui-card-body"><table id="list-table" lay-filter="list-table"></table></div></div><div class="layui-tab-item "><div class="layui-card-body"><table id="list-table2" ></table></div></div></div></div>
</div>//script代码//解决layUi大小不匹配问题element.on('tab(table-change)', function(data){table.resize('list-table2');})

3、效果如下

2021-08-20 解决layUi 选项卡切换表格大小不匹配问题相关推荐

layui选项卡切换刷新页面
layui选项卡切换刷新页面最近在改之前工作流页面,遇到选项卡切换刷新的问题简单叙述需求: 1.在我的流程页面分别有:我的待办.我的已办.我发起的:三个页面 2.页面有"暂无数据&quo ...
layui选项卡切换及右键的动态操作（新增、切换、删除）
先来看个效果图(文章底部有gitee地址) 要实现的效果: 选项卡的新增以及切换选项卡刷新选项卡各种删除:删除其他.删除右侧所有.删除所有 OK,直接上代码,一些引入文件就不写了,这里只列出主要的 ...
layui获取tab页id_LayUI的Tab选项卡切换显示对应数据
LayUI tab选项卡 + 分页展示实现 Tab选项卡切换显示对应数据要求:实现tab选项卡改变的同时展示数据也跟着改变实现条件: 1.选项卡[官网 – 文档/示例 – 页面元素 – 选项卡] ...
解决Layui数据表格无数据最后列被顶出去的问题
解决Layui数据表格无数据最后列被顶出去的问题参考文章: (1)解决Layui数据表格无数据最后列被顶出去的问题 (2)https://www.cnblogs.com/Caoxdong/p/963 ...
linux系统浏览器无声音,在Deepin 20系统中外接显示器切换后浏览器没有声音的解决经历...
如果你在Deepin 20系统遇到浏览器没有声音的问题,请看以下解决经历,或许能给你提供帮助.可先参考在Deepin系统中没有声音的解决办法. 浏览器没有声音的解决历程在家里笔记本有时候需要外接HD ...
layui的轮播图片自适应大小_解决Layui 表格自适应高度的问题
解决Layui 表格自适应高度的问题鄙人在写一个项目,发现成功将数据在页面显示后, 高度没有自适应,而是将一些按钮遮挡了,不断的调试和网上寻找解决办法,发现没有效果,最后添加了一句css .layu ...
解决layui table页面一加载页面有滚动条的话表格也有滚动条
解决layui table页面一加载页面有滚动条的话表格也有滚动条只要在css中加入body{overflow-y: scroll;}就可以解决了
layui静态表格设置滚动条_解决layui数据表格table的横向滚动条显示问题
解决layui数据表格table的横向滚动条显示问题加上这段样式代码就可以解决了: body{overflow-y: scroll;} /* 禁止刷新后出现横向滚动条 */ ps:这个问题fly社区 ...
市面上主流编辑器介绍（2021/05/20）
市面上主流编辑器介绍(2021/05/20) 背景 Markdown是一种有用的轻量级标记语言,后续Markdown简写为md. 富文本编辑器(Rich Text Editor,RTE)是一种可内嵌于 ...

2021-08-20 解决layUi 选项卡切换表格大小不匹配问题

2021-08-20 解决layUi 选项卡切换表格大小不匹配问题相关推荐

最新文章

热门文章