A UI technique dedicated to increase the performance of large scrollable lists by rendering only a small portion of the data at a moment and virtualising other parts of the dataset, so that the scrollbar parameters remain consistent and a user experiences the result interface close to the original one (without virtualisation)
Questions tagged [virtualscroll]
97 questions
2
votes
1 answer
How to get triggered on scrolling inside cdk-virtual-scroll-viewport?
I'm using virtual scroll with Angular 7. I create a CdkVirtualScrollViewport and I would add a listener to every scroll event. I mean I would like to be notified on scrolling inside that viewport.
I tried to inject scrollDispatcher in my component,…
![](../../users/profiles/2516399.webp)
smartmouse
- 11,808
- 26
- 77
- 154
2
votes
2 answers
How to combine cdkVirtualScroll with cdkTable?
I'm looking for a working virtual scroll table with fixed headers, so I found the Cdk which is great but the documentation is really difficult to follow. At the moment I'm trying to combine the CdkTable with CdkVirtualScoll.
All working examples I…
![](../../users/profiles/9939844.webp)
Lars
- 545
- 6
- 19
2
votes
1 answer
Angular cdk scrolling: Updating Data Source not represented in view
All my previous attempts of building an infinite scroller failed so far.
The component I am currently working on uses Angular's virtual scrolling and should update the data source when a certain index of the virtual scroll viewport is reached.
While…
![](../../users/profiles/7827303.webp)
Rustius
- 113
- 6
- 13
2
votes
1 answer
Angular Virtual Scroll works fine on browser but fails Jasmine test on initialization
I tried to incorporate Angular Virtual inside one of my component and it works fine as intended on browser. However, when I try to write the test case for the same, the Karma runner throws the following set of error while initializing the…
![](../../users/profiles/7000833.webp)
Laxminarayan
- 76
- 1
- 6
2
votes
2 answers
cdk-virtual-scroll-viewport,Any way to solve the blank area when user is scrolling quickly?
Especially obvious at the mobile.it will refresh immediately whenever the user scrolls, if user is scrolling quickly, it is hard to render?
![](../../users/profiles/8057543.webp)
rorry
- 41
- 3
2
votes
1 answer
Angular 7 - virtual scroll combined with async subscription
I am using async in my Angular 7 project to automatically subscribe my data I want to display. The data is displayed as a table with about 2000 items.
The following code is from my template: