antd3.x版本table使用fixed错位问题修复

问题如图：

修复后如下：

解决思路：
fixed栏位高度没有自适应（即和子表格高度一致），通过获取元素ant-table-expanded-row，拿到子表格的高度（盒子a），且子表格在fixed栏位也插入了以ant-table-expanded-row命名的盒子（(盒子b)高度固定，导致错位）。通过观察，将a盒子的高度给b盒子，且设置定位，可以修复

 expandedRowsChange = () =>{setTimeout(()=>{const d = document.getElementsByClassName('ant-table-expanded-row')try{const l = d.lengthfor(let i=0;i<l/2;i++){d[(l/2)+i].style.height = `${d[i].clientHeight}px`d[i].style.position = 'relative'd[i].style.zIndex = 900}}catch(error){console.log('error :>> ', error);}})}

antd3.x版本table使用fixed错位问题修复相关推荐

解决element-ui table 表格排列错位问题
有时候页面切换页签时会发生table表格排列错位, 是因为切换页签时table表格没有重新渲染导致解决办法:每次切换页签时重新渲染table表格即可解决 // 在table上添加key,每次切换页签 ...
iview@2.13.0/1版本,Table组件IE9不兼容的问题
iview@2.13.0/1版本,Table组件IE9不兼容的问题问题描述: IE9下出现错误: 查找原因: 查看iview github上源码:是因为remove方法不兼容IE9引起的 if(th ...
Saiku Table展示数据合并bug修复（二十五）
Saiku Table展示数据合并bug修复 Saiku以table的形式展示数据,如果点击了非空的字段按钮,则会自动进行数据合并,为空的数据行以及数据列都会自动隐藏掉. 首先我们应该定位问题: ...
禅道项目管理_禅道 11.6.1 版本发布，完善细节，修复 Bug
禅道项目管理软件集产品管理.项目管理.质量管理.文档管理.组织管理和事务管理于一体,是一款功能完备的项目管理软件,完美地覆盖了项目管理的核心流程.禅道官网:www.zentao.net. 大家好,禅道 ...
element Table表格错位，固定fixed错位
表格错位图问题:数据返回会产生从错乱 1.解决问题绑定 htmel methods doLayout() { if (this.$refs.multipleTable) { this.$nextT ...
Vue2 + ant design vue1.7.8版本 Table组件手动拖拽、可伸缩列功能
低版本的antd table组件官网文档上有可伸缩列功能,但是用起来有很明显的bug,无法直接拿来用:接下来给大家提供一个手写的拖拽方案: 1.首先,写好v-table组件,这里最重要的就是tabl ...
ssh 用密码连接不上、查看openSSH 的版本、CentOS - 升级openSSH，修复安全漏洞
一 ssh密码连接 1,检查ssh配置文件 #vim /etc/ssh/sshd_config 130 UseDNS no 131 AddressFamily inet 132 PermitRoot ...
ninjala还是显示服务器维护,Ninjala更新2.0版本调整了武器平衡以及BUG修复
<Ninjala>更新2.0版本,泡泡糖忍战今日更新了最新的版本2.0,分别调整了大部分游戏的平衡性以及武器平衡,还修复了BUG错误机制调整: -整合全球服务器,匹配已不受服务器限制 - ...
RTSP/Onvif协议EasyNVR视频平台Linux版本云端录像下载异常的修复
EasyNVR是我们基于RTSP/Onvif协议推出的视频能力平台,既有硬件设备,又有软件平台,是比较灵活的一项流媒体项目.EasyNVR可实现设备接入.实时直播.录像.检索与回放.存储.视频分发等视 ...

antd3.x版本table使用fixed错位问题修复

antd3.x版本table使用fixed错位问题修复相关推荐

最新文章

热门文章