[ElemeFE/element][Bug Report] 最新版谷歌浏览器(97.0.4692.71)中,el-table 的样式bug

2024-08-14 555 views
7
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

1、最新版谷歌浏览器(97.0.4692.71);2、设置了合并行(span-method)的el-table;3、设置了max-height;4、有横向滚动条;5、固定右侧列;6、鼠标在每行之间来回悬停同时滚动滚轮

正常显示

原本被固定列遮住的表格内容有部分显示在了固定列上方和固定列内容重叠了

回答

9

我也遇到了同样的问题,怎么解决

8

我也遇到了同样的问题,怎么解决 只能舍弃其中一个,时间问题,我目前是取消了max-height,然后另外用CSS写个max-height

5

“固定列文字重叠” 同样得问题,什么原因呢? 给el-table__fixed-right加上background image

6

@sunqiaojie 只有在最新版的谷歌浏览器才会出现这个问题,可能是兼容性的问题吧

1

@sroxck 我目前是取消了max-height,然后另外用CSS写个max-height

7

@aibiliv 一样,使用得是 chrome 版本 97.0.4692.71(正式版本) (64 位) , windows10

9

@sunqiaojie 我目前是取消了max-height,然后另外用CSS写个max-height

4

更新了chrome浏览器到最新版本后部分机型出现了这种问题。不过我并没有设置max-height属性。

8

有用!