[Bug Report] Effect of using horizontal scroll bar on sorting，页面横向滚动条对排序的影响

### Element UI version
2.15.6

### OS/Browsers version
win 10 / Chrome 108.0.5359.125

### Vue version
2.6.12

### Reproduction Link

https://user-images.githubusercontent.com/27495489/212446642-5a99dcb6-f115-48af-86e1-cb91ba321a99.mp4

If the video has no picture, please download and play it
如果视频播放没画面，请下载后播放

### Steps to reproduce
1、Draw a table with a width greater than the screen width，and show border
绘制一个超过屏幕宽度的表格，并加上border属性
2、Add sortable to all fields in the table
给表格所有列加上排序
3、Add buttons and html templates to some fields of the table
给某些列的内容添加按钮或者其他的html标签
4、Slide the scroll bar to the right，then move the mouse to the sorted field, the mouse cursor is not 'pointer' but 'col-resize'
向右滑动滚动条，然后把鼠标悬停在排序的字段上，鼠标的指示显示的是水平拉动的图标不是一个手指
5、Click the sorting column header
点击进行排序

### What is Expected?
Sorting function is normal，and the mouse cursor is 'pointer'
期待，排序功能正常使用，鼠标指示器显示为 手指【即可点击状态】

### What is actually happening?
The first click triggered the column width change event，and sort event not triggered
实际：第一次点击没有触发排序事件，触发的是列宽改变事件