search

ElemeFE / element

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

[bug report] when a horizontal scroll bar appears on the page and the position of the El table needs to be scrolled horizontally to be displayed, the whole header of the table becomes draggable. #21425

Open Jhin926 opened 2 years ago

Jhin926 commented 2 years ago

Element UI version

2.15.6

OS/Browsers version

macos 11.4 / chrome 95.0.4638.54（正式版本） (x86_64)

Vue version

2.6.14

Reproduction Link

https://codepen.io/yemubing/pen/LYjzmqK

Steps to reproduce

见 重现链接

What is Expected?

需要滚动才能显示的el-table，只是在表头的单元格的边框附近才能拖拽。

What is actually happening?

需要滚动才能显示的el-table，整个表头都能拖拽。

element-bot commented 2 years ago

Translation of this issue:

Element UI version

2.15.6

OS/Browsers version

MacOS 11.4 / Chrome 95.0.4638.54 (official version) (x86_64)

Vue version

2.6.14

Reproduction Link

https://codepen.io/yemubing/pen/LYjzmqK

Steps to reproduce

See reproduction link

What is Expected?

The El table that can only be displayed by scrolling can only be dragged near the border of the cell in the header.

What is actually happening?

For the El table that can be displayed only by scrolling, the whole header can be dragged.

wangdaodao commented 2 years ago

https://codepen.io/wangdaodao/pen/mdMvOyZ