问题如图:
修复后如下:
解决思路:
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.length
for(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);
}
})
}