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

[Component] [table, table-column] table 多列合并后渲染了多余的数据 #16869

Closed
czbczb opened this issue May 15, 2024 · 3 comments
Closed

Comments

@czbczb
Copy link

czbczb commented May 15, 2024

Bug Type: Component

Environment

  • Vue Version: 3.5.0-alpha.2
  • Element Plus Version: 2.7.3
  • Browser / OS: 124.0.6367.201(正式版本) (arm64)/ mac os Apple M1
  • Build Tool: Webpack

Reproduction

Related Component

  • el-table
  • el-table-column

Reproduction Link

Element Plus Playground

Steps to reproduce

设了一行数据全部合并,或者从某个column开始合并以后所有数据

What is Expected?

不展示后面的多余数据

What is actually happening?

展示了多余数据

Additional comments

麻烦大佬帮忙看看,很着急

image

@Liao-js
Copy link
Contributor

Liao-js commented May 15, 2024

you can see this demo

@czbczb
Copy link
Author

czbczb commented May 15, 2024

@Liao-js I see

@Steve0211
Copy link

Steve0211 commented May 17, 2024

合并的方法是逐个单元格遍历的,table的合并不是真正意义上把2个单元格的合并一起,只是把你需要合并的单元格放大,被合并的单元格还是存在的,所以合并的时候除了要处理要合并单元格,还要处理被合并的单元格。
image

image
也就是红色圈的单元格隐藏,因此这部分单元格返回[0,0]
image

@btea btea closed this as completed May 22, 2024
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

No branches or pull requests

4 participants