Questions tagged [angular-cdk-virtual-scroll]
116 questions
2
votes
2 answers
Reactive Form Array Object updated but Virtual Scroll list not updating on Front End
Reproduction:
https://stackblitz.com/edit/angular-rf-virtual-scroll
Expected Behavior:
Data should append in Virtual Scroll list in UI
Actual Behavior
=> Virtual Scroll list not updating (front end)
=> Reactive Form Array Object updated perfectly…
abul khair chowhan
- 33
- 9
2
votes
1 answer
Setting dynamic height for Angular CDK virtual scroll viewport
I'm working on Angular table with usage of cdk Virtual Scroll. Do you know if there is any way to set the dynamic height of scroll viewport? Everything works fine with standard style property but I can't set the value using ngStyle.
I would be…
Dorota Wójcik
- 41
- 2
2
votes
1 answer
Angular: cdk-virtual-scroll + autocomplete - cdk-overlay-pane issue
I'm using Overlay Module of Angular's CDK with mat-autocomplete.
Scenario:
There is mat-autocomplete input box with cdk-virtual-scroll and below that there are two buttons. Inputbox is preselected with one of the value from dropdown.
Issue:
Now if…
Anjali
- 21
- 1
- 3
2
votes
3 answers
How to come back to the same portion of data set in virtual scrolling?
There is a wonderful pattern of optimizing rendering of large data sets called virtual scrolling. In this specific case I am using Angular Material CDK api's https://material.angular.io/cdk/scrolling/overview to get that behavior. However, I have a…
Azim Sadikov
- 182
- 10
2
votes
2 answers
Angular Material Scroll loads more items than expected
I am trying to load 20 items through the virtual scroll component, but I see 34 as soon as the page loads, without doing any scrolling at all. Have I got the css wrong? Or there is some setting on the control that I forgot? The project is located…
Konstantinos Papakonstantinou
- 977
- 3
- 15
- 33
2
votes
1 answer
Itemsize of cdk virtual scroll
I noticed when I put the itemSize of the cdk virutal scroll to a lower amount the loading time of the page is almost double the amount.
There is a hugh differents between
Swoox
- 3,707
- 2
- 21
- 32
2
votes
1 answer
PrimeNG 9 - Table virtual scrolling and filtering do not function together correctly
I have encountered what I believe to be a bug when attempting to combine virtual scrolling and filtering functionality on PrimeNG's table component.
With both features enabled and attempting to filter, the rendered data does not get filtered out,…
mindparse
- 6,115
- 27
- 90
- 191
1
vote
0 answers
VsCode Angular IntelliSense doesnt' work with cdkVirtualFor
I've installed the VsCode Angular Language Service Extension and I enabled strictTemplates in my .tsconfig.
It works almost like a charm. But I have a strange case. If you take a look at the images below, you will see that when the directive ngFor…
bjoern.stark
- 11
- 2
1
vote
1 answer
CdkVirtualScrollViewport header is not fixed
In my angular application, I want to keep my table header at fixed position and display the scrollbar to the body part only.
I am using CdkVirtualScrollViewport library from angular to plot the table content. But it is not giving me appropriate…
Bhushan Khaladkar
- 420
- 1
- 7
- 20
1
vote
1 answer
cdk virtual scroll issue when ever scrolling it down items are getting displayed slowly and sometimes blank for 2 secs
i am using angular virtual scroll in project so when ever i am scrolling it down items are loading but flickering for micro sec
trying with maxBufferPx and minBufferPx and positions to fix but not working need any solution
venu dev
- 21
- 2
1
vote
0 answers
Angular Material CdkVirtualScrollViewport getRenderedRange() method always return {start : 0, end: 0}
I'm trying to implement Angular Material virtual scrolling, but my items have different sizes. So I must code a custom implementation of VirtualScrollStrategy.
The thing is, I need to use the getRenderedRange() method to get the range of displayed…
ssubtil
- 11
- 2
1
vote
2 answers
How to resize angular cdk virtual viewport height when viewport size changes
I'm working on Angular cdk virtual viewport. Is there any way to automatically adjust height of scroll viewport?
So in my case When viewport size increases there is a blank space displays at the bottom of viewport, this is the similar example for…
Prasad Tawde
- 13
- 5
1
vote
1 answer
Scroll flickering issue - using cdk-virtual-scroll with scroll-snap-type
I am using cdk-virtual-scroll.
It is working fine without using the css property scroll-snap-type .
When I use scroll-snap-type it is flickering few seconds. herewith I attached the code…
bCliks
- 2,918
- 7
- 29
- 52
1
vote
0 answers
PrimeNg table row grouping and virtual scrolling
Row Group feature works well until I set virtual scrolling to true it stops working. I inspected the table element and found that the group header row totally disappears in virtual scrolling mode. I forked PrimeNg Stackblitz demo with…
Hoàng Nguyễn
- 1,121
- 3
- 33
- 57
1
vote
0 answers
NG-ZORRO and Angular CDK infinite scroll is not working well
I'm using cdk virtual scrolling in an Angular project with Ng-zorro. I have a list of collapse component and in that list is where I use the virtual scrolling.
The problem is that when I open a collapse, if the content is bigger than the window…
borjaj
- 59
- 4