The Angular Material cdk-virtual-scroll-viewport property is not working correctly for nested *cdkVirtualFor or *ngFor. The viewport is split into two and the scroll does not work as expected. Please assist in listing in viewport with parent and…
I was trying to use the virtual scroll option for a table with large data size. when I used just it shows correctly with scroll bar. But Since want to enable search i have used "table datatable". but it is not showing search results correctly.…
im trying to implement infinite scroll for loading items on to the list dynamically when user scrolls down the list, but when i access the end and total , it is coming as same, i need to check if the last item is reached and then append new items to…
I've upgraded my Angular project dependencies:
@angular/core: ^14.2.9
@angular/cdk: ^14.2.9
@angular/material: ^14.2.6
ngx-infinite-scroll: ~14.0.1
And after that, the infinite scroll (with virtualization) stopped working.
What I observed is that…
I have faced similar problem like this one https://github.com/angular/components/issues/16330#issuecomment-514591282
, but it happened not only while scrolling but when I tried filtering data. I used templateCacheSize: 0 and it solved the problem…
TLDR: have a list of items that need to be in a virtual scroll. It works fine, but only takes up ~30% of the space available until the screen size is changed. (make the dev tools larger).
On initial page load:
After resizing the page:
Here is a…
I would like to build the attached functionality, where I have around 20k items. I have tried mat cdk virtual scroller, but it is not working as it provides a single column with a horizontal scroll.
Note: Boxes in the design represent…
I currently have a use case where I would like to extend the CdkVirtualScrollViewport component so I could have access to its rendered template.
The specific case is that the base template renders a
I have found a number of tutorials for using the cdk-virtual-scroll-viewport, but there is one thing missing from every single tutorial I have found so far: how do I tell the viewport how many items are in my list?
I have implemented this using a…
I am using Angular Material Virtual scroll, the items get loaded correctly into the DOM, but while scrolling it happens that it jumps around and automatically jumps to the end.
I have implemented CdkVirtualForOf on a list in Angular, and set its templateCacheSize to 150 to improve perfomance.
But when I sort my data and scroll, the cached templates screws up the items in the view. In other words: I sort the data, and the…
I'm using cdk-virtual-scroll-viewport to apply virtual scrolling. Unfortunately, after applying styles to the scrollbar, scrolling is not smooth anymore. The native (right side) scrollbar is flashing but it's moving smoother. Tested on…
I'm working on big data tables and I need to have oportunity to set dynamic if I want to use virtual scroll or standard solution. On my prototype I used *ngIf and duplicated views for standard body and cdk virtual scroll vierport. Is there any…
