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.

Sign up for GitHub

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

Jump to bottom

[Component] [table] Table 在一定条件下宽度会无限延长 #13052

Open
kaimeng opened this issue Jun 2, 2023 · 4 comments · May be fixed by #16391
Open

[Component] [table] Table 在一定条件下宽度会无限延长 #13052

kaimeng opened this issue Jun 2, 2023 · 4 comments · May be fixed by #16391
Labels
Component::Table inactive pr welcome Project::Bug Something isn't working

Comments

@kaimeng
Copy link

kaimeng commented Jun 2, 2023

Bug Type: Component

Environment

  • Vue Version: 3.3.4
  • Element Plus Version: 2.3.5
  • Browser / OS: Chrome 版本 113.0.5672.127（正式版本） （64 位）
  • Build Tool: Vite

Reproduction

Related Component

  • el-table

Reproduction Link

Element Plus Playground

Steps to reproduce

<script lang="ts" setup> </script>

What is Expected?

table 正常

What is actually happening?

table 宽度无限延伸

Additional comments

(empty)
@kaimeng
Copy link
Author

kaimeng commented Jun 2, 2023

这个结构的代码，会触发BUG

@lyric-zemin
Copy link
Contributor

image

@kaimeng 这是由于margin-left导致箭头所指的div元素宽度被撑大了10px ，而.el-table的宽度为100%，导致宽度始终大出10px，实际宽度应该是80px

@cc-hearts
Copy link
Contributor

在 flex 中 宽度会被一直撑大 https://codepen.io/hearto_o/pen/JjmgKaN

@zhengsixsix
Copy link
Contributor

在 flex 中 宽度会被一直撑大 https://codepen.io/hearto_o/pen/JjmgKaN

flex 和 margin 去掉一个 好像都会好

ydaydayup added a commit to ydaydayup/element-plus that referenced this issue Apr 3, 2024
@ydaydayup
fix(components): [Component] [table] Table 在一定条件下宽度会无限延长 element-plus…
47847fb 
…#13052
@ydaydayup ydaydayup linked a pull request Apr 4, 2024 that will close this issue
Open
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Component::Table inactive pr welcome Project::Bug Something isn't working
Projects
None yet
Milestone
No milestone
5 participants
@kaimeng @plainheart @lyric-zemin @cc-hearts @zhengsixsix