[bug report] Table add the last column fixed. When there is a scroll bar, switch the table width. The box shadow style on the left of the last column disappears
- Dominant language
- Vue
- Stars
- 54k
- Forks
- 14.4k
- PR merge metrics
- No merged PRs in 30d
Description
### Element UI version
2.13.0
### OS/Browsers version
macos/chrome(current)
### Vue version
2.6.11
### Reproduction Link
https://codepen.io/hollydysania/pen/RwPmNQV
### Steps to reproduce
1、将table底部滚动条移动到最右侧
2、点击模板左侧菜单展开折起按钮(此时表格父盒子宽度100%滚动条消失)
3、再次点击模板左侧菜单展开折起按钮(此时表格父盒子宽度变小滚动条出现)
但最后fixed一列的box-shadow样式消失
### What is Expected?
按照以上操作步骤 再次出现滚动条时fixed一列的box-shadow样式不消失
其实再次出现滚动条时滚动条在左侧 但class却是is-scrolling-right
### What is actually happening?
当table存在底部滚动条时将滚动条拉到最右侧 再切换table父盒子宽度滚动条消失(左侧有菜单可展开收起的场景,codepen中用按钮模拟,点击按钮即可)
再点击模拟按钮还原出现滚动条的宽度时 最后一列fixed的box-shadow样式消失
原因:出现滚动条,滚动条初始化是左侧,而table的样式class保持了el-table__body-wrapper is-scrolling-right,与滚动条实际位置不匹配
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.