解决dataTable在element下的tab切换时表头与内容错位问题

项目背景基于第三方为layui开发的老项目，在layui基础上使用element的tab栏，切换下使用dataTable出现表头与内容错位，如下图：

解决办法是：

 // 处理tab切换后列表样式错乱问题，tab切换后重绘tablelayuii.element.on('tab(report_tabs_select)', function(data){(developmentTaskReportTable && data.index==1) && (developmentTaskReportTable.draw(false));(demandReportTable && data.index==0) && (demandReportTable.draw(false));});

解决dataTable在element下的tab切换时表头与内容错位问题相关推荐

解决微信小程序的wx-charts插件tab切换时的显示会出现位置移动问题-tab切换时，图表显示错乱-实现滑动tab
解决Echarts在微信小程序tab切换时的显示会出现位置移动问题 tab切换时,图表显示错乱 <canvas class="kcanvas" canvas-id=" ...
解决swiper在tab切换时，swiper不生效，以及display:none后，无法自动滑动的问题
解决swiper在tab切换时,swiper不生效,以及display:none后,无法自动滑动的问题问题是这样的:当你兴高采烈的写完一个tab,并且把swiper嵌入到每一个tab item 觉得 ...
js利用tab键切换当前页面_JS实现的tab切换并显示相应内容模块功能示例
本文实例讲述了JS实现的tab切换并显示相应内容模块功能.分享给大家供大家参考,具体如下: 思路:一层循环遍历操作的元素并获取当前遍历到的元素的下标,通过下标去选择显示对应的内容模块. 二层循环将元素 ...
解决Echarts使用tab切换时只显示第一个tab中图表，其他tab中图表不显示或显示不全问题
近期项目中使用到了Echarts来在展示图表,两个tab切换页面中都存在图表,页面加载完成后都对所有图表进行了初始化和绘制,然而在tab切换中出现了如下动图中的问题: 说明:图中可以看到,第一个tab ...
下划线tab切换仿手机淘宝收发货
tab切换仿手机淘宝收发货 tab平滑切换下划线,下划线长度可以随文字长度更改. 基于jQuery. 贴效果图 html 结构上,一定要给文字套一个行内标签例如span,这样方便获取字符长度.然后下划 ...
改造delon库的reuse-tab标签使其关联隐藏动态菜单Menu及tab切换时参数不丢失方案
最近使用了erupt-web项目,非常感谢作者提供了功能强大.使用方便.配置灵活的工具:erupt项目在使用到其路由复用标签reuse-tab时,发现tab来回切换时,url上附带的参数会丢 ...
miniUI实现tab切换时显示隐藏菜单栏
写了一个tab页面,需要切换不同tab页时,上面的菜单选择栏也相应的变换,如图: 一开始只写了显示.隐藏各对应的菜单的样式,但是并没有实现效果. 后来给tab添加一个事件,加上显示.隐藏其样式达到要求 ...
微信小程序 tab切换展示不同的内容
index.wxml <view class='shopDetail-box'><view class="tab-left" ><view class ...
(已解决) 境内 Ubuntu16.04 下安装 ROS kinetic 时 rosdep update 超时报错: The handshake operation timed out
- 2021.12.9 更新 - 系统: Ubuntu 16.04 使用有线网, ubuntu源是阿里云镜像源. 问题描述: 按照官网教程安装 ROS kinetic 时, 在 sudo rosdep ...

解决dataTable在element下的tab切换时表头与内容错位问题

解决dataTable在element下的tab切换时表头与内容错位问题相关推荐

最新文章

热门文章