element icon indicating copy to clipboard operation
element copied to clipboard

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

Open aibiliv opened this issue 3 years ago • 10 comments

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?

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

aibiliv avatar Jan 11 '22 03:01 aibiliv

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

sroxck avatar Jan 11 '22 08:01 sroxck

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

aibiliv avatar Jan 11 '22 08:01 aibiliv

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

sunqiaojie avatar Jan 19 '22 05:01 sunqiaojie

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

aibiliv avatar Jan 19 '22 05:01 aibiliv

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

aibiliv avatar Jan 19 '22 05:01 aibiliv

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

sunqiaojie avatar Jan 19 '22 05:01 sunqiaojie

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

aibiliv avatar Jan 19 '22 05:01 aibiliv

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

dongshuai777 avatar Jan 28 '22 09:01 dongshuai777

table 横向滚动时表头明显延时 https://user-images.githubusercontent.com/7663676/171316808-cbecd28d-ea7a-41e3-9edd-404a60ed4333.mov

xtqjh avatar Jun 01 '22 02:06 xtqjh

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

有用!

sroxck avatar Sep 07 '22 06:09 sroxck