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

[Table] 表格使用固定高度最后一行样式缺失 #2538

Closed
furylee opened this issue Jun 27, 2023 · 3 comments
Closed

[Table] 表格使用固定高度最后一行样式缺失 #2538

furylee opened this issue Jun 27, 2023 · 3 comments
Assignees

Comments

@furylee
Copy link

furylee commented Jun 27, 2023

tdesign-vue 版本

1.4.4

重现链接

https://stackblitz.com/edit/tpqaaj?file=src%2Fdemo.vue

重现步骤

底部border丢失
image

期望结果

No response

实际结果

No response

框架版本

2.6

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

@github-actions
Copy link
Contributor

👋 @furylee,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

@github-actions
Copy link
Contributor

♥️ 有劳 @chaishi @nined9 @yanxugong @chuyueZhang 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @furylee

@chaishi
Copy link
Collaborator

chaishi commented Jul 22, 2023

这个问题,我记得在群里回复过。属于使用不规范,暂时不做处理,以后很长时间也不会处理。

最后一行边线没有缺失,只是在最底部而已。为避免内容足够的时候,底部出现 两条灰色线条,组件不再重复添加。

解决办法一:对于存在内容不足的情况,不建议使用 height 设置高度,更为使用 max-height 更合适。

解决办法二:如图所示,一定要 height,导致底部出现空白,业务可以自行根据内容是否存在空白,来添加底部线条。内容足够不添加,内容不够就添加。(由于表格行高可能不同,组件内部判断远没有外部判断来得简单,很可能因为处理这个问题,后面又来了一堆底部重复边线的 issue bug)
其实,即使强制使用 height, 最后实现的效果,和 max-height 也没有什么区别。对于分页,可以通过样式设置固定在底部某个位置。

@chaishi chaishi closed this as completed Jul 22, 2023
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

2 participants