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] 配置了header-affixed-top,当表格有横向滚动条时,windows的chrome表头会有滚动条 #3116

Closed
LoopZhou opened this issue Mar 19, 2024 · 5 comments
Labels
compatibility the issue about compatibility to be published fixed, not be published

Comments

@LoopZhou
Copy link
Collaborator

tdesign-vue 版本

1.9.1

重现链接

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

重现步骤

官网示例可复现,当配置了表头吸顶,windows的chrome表头会有滚动条
windows-table-headerAffixedTop吸顶问题

期望结果

隐藏吸顶表头的滚动条

实际结果

No response

框架版本

vue2

浏览器版本

Chrome(122.0.6261.129)

系统版本

windows

Node版本

16.17.0

补充说明

No response

Copy link
Contributor

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

@uyarn uyarn added the compatibility the issue about compatibility label Mar 23, 2024
@uyarn uyarn added the to be published fixed, not be published label Apr 8, 2024
@Serendipityert
Copy link

在项目全局style.less中添加以下代码即可。
body { /* table固定头部样式重写*/ .t-table { .t-table__affixed-header-elm-wrap, .t-table__affixed-header-elm { z-index: 0; } } }
添加前效果:
1212
添加后效果:
2323

@uyarn
Copy link
Collaborator

uyarn commented Apr 11, 2024

fixed 1.9.2

@uyarn uyarn closed this as completed Apr 11, 2024
@jQuery0009
Copy link

@uyarn
企业微信截图_17128239253454
已经升级1.9.2版本,表格还是有横向滚动条。未解决!!
image

@uyarn
Copy link
Collaborator

uyarn commented Apr 11, 2024

@uyarn 企业微信截图_17128239253454 已经升级1.9.2版本,表格还是有横向滚动条。未解决!! image

你这个是vue-next 这是vue(vue2) 的仓库 vue-next 等下周1.9.4发布哈

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
compatibility the issue about compatibility to be published fixed, not be published
Projects
None yet
Development

No branches or pull requests

4 participants