element
element copied to clipboard
[Bug Report] 最新版谷歌浏览器(97.0.4692.71)中,el-table 的样式bug
Element UI version
2.15.7
OS/Browsers version
windows10 / google chrome 97.0.4692.71
Vue version
2.6.14
Reproduction Link
https://codepen.io/aibiliv/pen/Bawqdmr
Steps to reproduce
1、最新版谷歌浏览器(97.0.4692.71);2、设置了合并行(span-method)的el-table;3、设置了max-height;4、有横向滚动条;5、固定右侧列;6、鼠标在每行之间来回悬停同时滚动滚轮
What is Expected?
正常显示
What is actually happening?
原本被固定列遮住的表格内容有部分显示在了固定列上方和固定列内容重叠了
我也遇到了同样的问题,怎么解决
我也遇到了同样的问题,怎么解决 只能舍弃其中一个,时间问题,我目前是取消了max-height,然后另外用CSS写个max-height
“固定列文字重叠” 同样得问题,什么原因呢?
给el-table__fixed-right加上background
@sunqiaojie 只有在最新版的谷歌浏览器才会出现这个问题,可能是兼容性的问题吧
@sroxck 我目前是取消了max-height,然后另外用CSS写个max-height
@aibiliv 一样,使用得是 chrome 版本 97.0.4692.71(正式版本) (64 位) , windows10
@sunqiaojie 我目前是取消了max-height,然后另外用CSS写个max-height
更新了chrome浏览器到最新版本后部分机型出现了这种问题。不过我并没有设置max-height属性。
table 横向滚动时表头明显延时 https://user-images.githubusercontent.com/7663676/171316808-cbecd28d-ea7a-41e3-9edd-404a60ed4333.mov
@sroxck 我目前是取消了max-height,然后另外用CSS写个max-height
有用!