Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report] horizental scrollbar appears in table component when table size changes #7530

Closed
hchaojie opened this issue Oct 17, 2017 · 2 comments
Assignees

Comments

@hchaojie
Copy link

Element UI version

2.0.0-alpha.3

OS/Browsers version

windows10 / chrome 61, edge 40

Vue version

2.5.2

Reproduction Link

https://jsfiddle.net/tk76u3um/

Steps to reproduce

  1. open https://jsfiddle.net/tk76u3um/
  2. drag the editor splitter left and right to resize the result window, see how the inner table component changes
    if you drag the splitter right, the horizental scrollbar will apear. it's ugly and annoying.
    this issue is very common and can be easily reproduced for an admin-template site, see this related issue:
    浏览器或者页面的宽度发生变化时, element表格会出现滚动条 PanJiaChen/vue-element-admin#247 (comment)

What is Expected?

no scrollbar blinking during drag

What is actually happening?

scrollbar appears during drag

@dimitrisnl
Copy link

dimitrisnl commented Oct 17, 2017

Have this problem as well. Would like an workaround!

@PanJiaChen
Copy link
Contributor

I think it caused by the code of

.el-table__body-wrapper {
    overflow: auto;
}

but you can't simply remove it, In some cases it is necessary, i think solved by the official is the best. And l find ant has hacked it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants