[Bug Report] After changing the scrollbar style globally, when the table height is set to hold the left fixed column, the left fixed column blocks the horizontal scrollbar, and the scroll to the bottom border will dislocate

[zhangzhi93]

Element UI version

2.4.6

OS/Browsers version

window10/chrome 68.0.3440.106

Vue version

2.5.17

Reproduction Link

https://jsfiddle.net/mmx38qxw/5538/

Steps to reproduce

下拉到最下面，即可看到fixed列挡住了横向滚动条，并且最下面几行分隔线错位

What is Expected?

自定义滚动条时不挡住滚动条，横线不错位

What is actually happening?

滚动条被遮挡，横线错位，感觉是自定义滚动条之后计算表格高度时有误

[element-bot]

Translation of this issue:

Element UI version 2.4.6

OS/Browsers version Window10/chrome 68.0.3440.106

Vue version 2.5.17

Reproduction Link https://jsfiddle.net/mmx38qxw/5538/

Steps to reproduce Drop down to the bottom and you can see that the fixed column blocks the horizontal scroll bar and that the bottom lines are dislocated

What is Expected? The custom scroll bar does not block the scroll bar, and the horizontal line is not misplaced.

What is actually happening? The scroll bar is blocked and the horizontal line is misplaced. It is a mistake to calculate the height of the table after the custom scroll bar is taken.

[guohuihot]

我也遇到这个问题了，这个滚动条宽度是根据哪个元素计算的？

[guohuihot]

看了源码，是根据这个class “el-scrollbar__wrap”计算宽度的，如果有需要修改宽度，可以设置这个class

[zhangzhi93]

看了源码，是根据这个class “el-scrollbar__wrap”计算宽度的，如果有需要修改宽度，可以设置这个class

👍，我试下

[NewNewKing]

我也看了源码 bug产生的原因是scrollbar的 height 和width是不一致造成的 需要源码修复

[hoythan]

看了源码，是根据这个class “el-scrollbar__wrap”计算宽度的，如果有需要修改宽度，可以设置这个class

请教是如何添加这个class的在哪个位置？

[guohuihot]

看了源码，是根据这个class “el-scrollbar__wrap”计算宽度的，如果有需要修改宽度，可以设置这个class

请教是如何添加这个class的在哪个位置？

我没调整位置，我只是设置了大小，因为列表的的大小是根据这个class计算的，其它的我没怎么动

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.