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] 表格的滚动条可能存在bug #418

Closed
MillionMindFU opened this issue Feb 8, 2023 · 11 comments
Closed

[Table] 表格的滚动条可能存在bug #418

MillionMindFU opened this issue Feb 8, 2023 · 11 comments
Assignees
Labels
🐞 BUG Something isn't working 🙏🏻 Help Wanted Extra attention is needed Stale Cannot be solved for the time being Upstream This problem for dependencies

Comments

@MillionMindFU
Copy link

tdesign-vue-next-starter 版本

0.7.0

重现链接

No response

重现步骤

表格在添加了bordered属性,显示边框后。
如果mock的数据大于三条,会显示出这个奇怪的横杠。
ed9d34a856312893da3d1199714b3b2
然而当mock的数据小于等于3条时,则正常。
ae453a8e8d626c291d1e45b30b6e53b

期望结果

不管表格获取多少数据,都能如预期显示。

实际结果

No response

框架版本

Vue(3.2.45)

浏览器版本

Edge(109.0.1518.78)

系统版本

No response

Node版本

No response

补充说明

No response

@github-actions
Copy link
Contributor

github-actions bot commented Feb 8, 2023

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

@github-actions
Copy link
Contributor

github-actions bot commented Feb 8, 2023

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

@MillionMindFU MillionMindFU changed the title [组件名称] 描述问题的标题 [src/pages/list/components/CommonTable.vue] 表格可能存在的bug Feb 8, 2023
@MillionMindFU MillionMindFU changed the title [src/pages/list/components/CommonTable.vue] 表格可能存在的bug [src\pages\list\components\CommonTable.vue] 表格可能存在的bug Feb 8, 2023
@MillionMindFU
Copy link
Author

image
推测是宽度计算,是否出现滚动条时出现了bug。
当窗口宽度缩小到一定程度,滚动条反而消失。
当窗口最大化,滚动条反而出现。

@MillionMindFU MillionMindFU changed the title [src\pages\list\components\CommonTable.vue] 表格可能存在的bug [src\pages\list\components\CommonTable.vue] 表格的滚动条可能存在bug Feb 8, 2023
@uyarn
Copy link
Collaborator

uyarn commented Feb 9, 2023

issue about Table, transfer to https://github.com/Tencent/tdesign-vue-next

@uyarn uyarn transferred this issue from Tencent/tdesign-vue-next-starter Feb 9, 2023
@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2023

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

@uyarn uyarn changed the title [src\pages\list\components\CommonTable.vue] 表格的滚动条可能存在bug [Table] 表格的滚动条可能存在bug Feb 9, 2023
@chaishi
Copy link

chaishi commented Feb 9, 2023

没有提供复现问题的链接,难以处理。

如果长时间无法提供,issue 关闭,后续不做任何处理

我月末才有时间自己去不断尝试复现问题。初步猜测、估计、大概是设置了 列宽度可调整。但一切都是猜测

这类需要去猜测、不断地尝试的 issue,处理优先级降低

@uyarn
Copy link
Collaborator

uyarn commented Feb 9, 2023

刚刚另一个用户反馈只在页面模板里可以复现 可能是页面模板的样式干扰了 先transfer回去处理了

@uyarn uyarn transferred this issue from Tencent/tdesign-vue-next Feb 9, 2023
@github-actions
Copy link
Contributor

github-actions bot commented Feb 9, 2023

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

@uyarn uyarn added the 🙏🏻 Help Wanted Extra attention is needed label Feb 9, 2023
@tanhh326
Copy link
Contributor

image
应该是这里的affixHeaderRef的宽度计算的不正确吧,设置吸顶后有可能计算的比table的宽度小或者相等,或许可以设置成100%,不知道会不会有其它问题

@Summer-Shen
Copy link
Contributor

推测是宽度计算,是否出现滚动条时出现了bug。 当窗口宽度缩小到一定程度,滚动条反而消失。 当窗口最大化,滚动条反而出现。

在特定的缩放比例下会出现多余的滚动条,我这边是 75%。可能确实是宽度计算。

@timi137137 timi137137 added 🐞 BUG Something isn't working Stale Cannot be solved for the time being labels Oct 15, 2023
@timi137137 timi137137 added the Upstream This problem for dependencies label Nov 15, 2023
@timi137137
Copy link
Collaborator

image
目前组件库版本1.8.1下这个滚动条会更加明显了,不会再出现阴间横杠的情况。本issue先关闭了如果有问题在开

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐞 BUG Something isn't working 🙏🏻 Help Wanted Extra attention is needed Stale Cannot be solved for the time being Upstream This problem for dependencies
Projects
None yet
Development

No branches or pull requests

7 participants