Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[Table] visibleCount of virtual table is not reactive
See original GitHub issuetdesign-vue-next 版本
0.19.1
重现链接
https://stackblitz.com/edit/angular-kzfk22-um1jac?file=.stackblitzrc
重现步骤
- switch to demo page by click button
- scroll to the bottom by mouse dragging the scrollbar
- click higher height button and mouse drag the scrollbar near to the bottom. the extra spaces will come to the bottom of the table finally
期望结果
no extra space exists
实际结果
it looks like visibleCount in src/hooks/useVirtualScroll.ts does not update as container offsetHeight updated, refreshContainer() should be called by refreshTable() after dom updated or other macro/micro task to be called.
refreshContainer only calls once in onMounted may be the reason I guess.
框架版本
No response
浏览器版本
No response
系统版本
No response
Node版本
No response
补充说明
// src/table/base-table.tsx
// src/hooks/useVirtualScroll.ts
Issue Analytics
- State:
- Created a year ago
- Comments:11 (3 by maintainers)
Top Results From Across the Web
Solved: Calculated tables and virtual tables not producing...
What I'm trying to do is produce a heatmap table, with the team names down the rows and column headings, where the values...
Read more >VirtualTable Plugin Reference | DevExtreme Reactive
A plugin that renders a scrollable table instead of a static table. ... Cell components that provide ways to customize virtual table rows...
Read more >Reactive Grid - VirtualTable does not correctly rendering when ...
I've created a sandbox which reproduces the problem with version 2.7.1. This reproduces roughly how our table works using a custom cell ...
Read more >Virtualized Table | Element Plus
if you found any bug or issue please report it at GitHub for us to fix. Also there were some APIs which was...
Read more >Render problems with very large virtual tables - Stack Overflow
I dont know how your table is being displayed. But it's not a good practice to display this much entries at once. Try...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
env info:
resolved in https://github.com/Tencent/tdesign-vue-next/pull/2112
下一个新版本会带上这个 feature（发布时间待定）
修复效果如下，
https://user-images.githubusercontent.com/11605702/205659541-8da8701e-040e-4577-abfa-d8bf3710ba2f.mov