Questions tagged [angular-cdk-virtual-scroll]
116 questions
1
vote
1 answer
primeng p-virtualScroller empty list items and scrollbar issue
I am using primeng p-virtualScroller for implementing loading data with scroller.It is working fine.But I am facing the below issue:
When the search result is less still it shows the scroller and emplty list items.
Below is the code I am using in…
Suresh Negi
- 372
- 2
- 6
- 19
1
vote
0 answers
Angular 9 CDK infinite scroll load more data using scrolledIndexChange
I am trying to perform an infinite scroll using cdk's virtual scroll component but not getting any success.
I am using scrolledIndexChange to load more data as index change but this index is constant. The value of the index is not changing
Thank…
pratik jaiswal
- 1,855
- 9
- 27
- 59
1
vote
1 answer
How to fix CDK Virtual Scrolling in Angular 9 App. [PokeDex App]
Here, first of all you can check the current status of the app without virtual scrolling:
PokeDex - Webapp
Image Preview Of the Website Here
The scrolling is pretty smooth but as you can see searching and navigating back and forth is a bit slow as…
Shivam Baghel
- 121
- 1
- 5
1
vote
0 answers
Angular 8- Autoscroll while dragging an element using cdkDrag and cdk-virtual-scroll
I have a long list of elements which have to be dragged and dropped. Which is working if the elements are in the viewport. The page does not scroll if i have to drag further down or up. I am using the CdkVirtualScrollViewport for scrolling and…
dev_101
- 321
- 4
- 14
1
vote
2 answers
how to scroll a locator using robot framework
I'm using angular in my frontend, in some part of my page I included virtual scrolling:
https://material.angular.io/cdk/scrolling/overview
For those who don't know, it's used to avoid render all the data at once in huge lists, what it does is it…
cucuru
- 3,456
- 8
- 40
- 74
1
vote
1 answer
cdkvirtualfor not working when we have less data to iterate
When I filter the array we have less data we are not getting the vertical scroll. So *cdkVirtualFor not re-rendering the UI. It works when we have more data.
If I use *ngFor always it works.
Using *ngFor is the better choice for my case or still we…
Gnik
- 7,120
- 20
- 79
- 129
1
vote
1 answer
Virtual scrolling Angular - adjust to width of content
I have a table with N items using virtual scrolling.
Is there a way of having the scrollbar just next to the edge of my table.
At the moment the scrollbar is on the edge of the screen.
I am aware I can have a fixed width for the scroll container,…
Gabriel
- 741
- 2
- 9
- 18
1
vote
2 answers
Show absolute element outside cdk-virtual-scroll-viewport Angular
I have a cdk-virtual-scroll-viewport element and inside this element I have a relatively positioned div with an absolute positioned element inside it.. basically I want to be able to show the absolutely positioned item outside the…
Smokey Dawson
- 8,827
- 19
- 77
- 152
1
vote
1 answer
Implement Angular CDK Virtual Scroll for Clarity datagrid rows
I want to implement the datarid with the ability to have virtual scrolling. Can we use Angular CDK package for implementing virtual scrolling for Clarity datagrid rows?
I tried adding CDK Virtual Scroll on the datagrid as same code…
Tay Ta
- 55
- 7
1
vote
1 answer
Error in cdk-virtual-scroll-viewport when change array of items
I have a list of items (products) inside a virtual scroll, the problem occurs when I change the items of array.
For example:
Initially I have 100 items in the scroll.
Then I run a function "reloadItems()" that change the 100 items to 4 items.
If I…
Fernando Arbelo
- 185
- 2
- 14
1
vote
1 answer
Angular 6 7 8 - Drag and drop + virtual scroll + Observable
I need to have Drag&drop working with Virtual scroll. Data source of my VS is observable. I tried this code but it's not working, no changes at the VS list, just animation:
Angry Beaver
- 415
- 1
- 6
- 18
1
vote
1 answer
How to implement Virtual scroll on material tree grand child level
I have an angular mat-tree with parent, child and grand child level. On clicking of child I am adding grandchild in it. But grandchild having huge data upto 4k records. Which is making tree extremely slow. My code as below
androidGenX
- 1,108
- 3
- 18
- 44
1
vote
1 answer
Angular virtual scroll with bootstrap responsive design
How would I set up Angular virtual scroll with bootstraps responsive design?
For example:
…
Exocomp
- 1,477
- 2
- 20
- 29
0
votes
0 answers
angular cdk virtual scroll keeps on jumping 2 rows above
I have the following piece of code:
@Input() set items(value) {
if (value?.length) {
this._items = value;
this.cdkVirtualScrollViewport?.checkViewportSize();
this.cdr.detectChanges();
}
}
get items() {
return…
pj013
- 1,393
- 1
- 10
- 28
