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] Table - In certain circumstances, the width of table header gutter is 0, Causing the table to be misplaced #17060

Closed
Zkangmas opened this issue Aug 16, 2019 · 3 comments · Fixed by #17341
Assignees
Milestone

Comments

@Zkangmas
Copy link

Element UI version

2.11.1

OS/Browsers version

Windows10 / Chrome76

Vue version

2.6.10

Reproduction Link

https://codepen.io/zkangmas/pen/YzKqMEJ

Steps to reproduce

  1. table initial data value assigned to []
  2. Set the width of each table-column to ensure that the horizontal scrollbar can appear after step 4.
  3. Set the height attribute of the table ensures that the vertical scrollbar can appear after step 4.
  4. Update the data value of the table in asynchronous mode.
  5. Observe the table header gutter

What is Expected?

The table header gutter can be set width correctly

What is actually happening?

The width of table header gutter is 0

@liangwenjie08
Copy link

Have you solved it ?

@Zkangmas
Copy link
Author

Have you solved it ?

Need to call the doLayout method when the data is updated.

image
This code should come back in table.vue

@xiaogaofudao
Copy link

升级 2.13.0 还是存在表头,表体 边框错位问题

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

Successfully merging a pull request may close this issue.

4 participants