search

ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web
https://element.eleme.io/
MIT License
54.11k stars 14.64k forks source link

[Bug Report] el-table组件， 当左右都有固定的列时，右侧的固定列在滚动条滚动时阴影显示不正常 #22908

Open xianrongLei opened 3 months ago

xianrongLei commented 3 months ago

Element UI version

2.15.14

OS/Browsers version

windows10/chrome

Vue version

2.7.16

Reproduction Link

https://codepen.io/xianrong-lei/pen/VwOoBey

Steps to reproduce

1.横行滚动条拖拽至最右边 2.然后往左拖动一点点

What is Expected?

右侧固定列出现阴影

What is actually happening?

右侧固定列没有阴影

image

xianrongLei commented 3 months ago

改写一下el-table组件内的syncPostion方法即可修复。 将方法内部的if (scrollLeft >= maxScrollLeftPosition) 改为 const scrollY = this.layout.scrollY ? this.layout.gutterWidth : 0; if (scrollLeft - scrollY >= maxScrollLeftPosition)