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

当列非常多,且有分组表头时,怎么解决卡顿问题 #12

Open
ChipmunkJerry opened this issue Aug 19, 2019 · 1 comment
Open

Comments

@ChipmunkJerry
Copy link

请教一下,当列非常多且有分组表头时,怎么解决卡顿问题?
列很多的时候,使用ant-virtual-table,每一次上下滚动都会重新渲染table,列数多而DOM多,反而滚动起来更卡,不知还有什么好的解决方法。
是否有人可以给一些建议,谢谢。

@ctq123
Copy link
Owner

ctq123 commented Dec 11, 2019

目前虚拟表格处理绝大多数都是集中在减少row行渲染的处理上,列较多的情况下,可以考虑将那些隐藏的行设置为空列,即将table中的more message....标签改成,等到用户拉动横向滚动条真正看到内容时才将站位标签 变成原内容。可以使用IntersectionObserver监听显示或隐藏,然后做相应操作

可是,这种成本是相对较高,成本与收益的问题自行估量。减少行渲染处理方案已经解决大多数问题了,建议将scroll = {{ y: Y }},Y值适度设小,同时合理设置rowKey值,最好为ID。ant-virtual-table只会渲染那些看得见的dom,同时若rowKey相同并不会重新渲染.....

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