Stack Overflow
Stack Overflow

Questions tagged [angular-cdk-virtual-scroll]

81 questions
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
  • 162
  • 9
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,123
  • 1
  • 17
  • 28
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…
Lars
  • 545
  • 6
  • 19
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
  • 7,083
  • 17
  • 64
  • 146
1
vote
1 answer

Angular: PrimeNG VirtualScroller: p-checkbox is not rendering correctly (checked/unchecked) in the ng-template

I'm trying to implement the PrimeNG VirtualScroller component for dealing with large data lists. The problem is, that, when I put a p-checkbox, bound to a list on [(ngModel)], inside the template, check the checkbox, and scroll the list for loading…
user6435554
  • 189
  • 11
1
vote
0 answers

How to redo the cdk-virtual-scroll-viewport virtual scrolling component

problem hiding the address bar in mobile browsers does not work when scrolling the page why does not it work Hiding the address bar in a mobile browser is triggered on scrolling when the page size is larger than the viewport, this is standard…
Никита Чеботов
  • 11
  • 1
1
vote
1 answer

How to scroll two lists at once with angular cdk virtual scroll?

I would like to do something like this: ...
...
 And have…
Mike Jerred
  • 7,082
  • 4
  • 21
  • 33
1
vote
1 answer

Angular Virtual scroll performance issue on overriding scrollbar styles

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…
Naeim Fard
  • 869
  • 1
  • 13
  • 27
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,012
  • 17
  • 31
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…
Disha Hegde
  • 99
  • 1
  • 7
1
vote
0 answers

How to integrate Primeng datatable with ngx-infinite-scroll

I am trying to integrate ngx-infinite scroll library https://www.npmjs.com/package/ngx-infinite-scroll with a primeng grid https://www.primefaces.org/primeng-4.3.0/#/datatable Has anyone tried to integrate those together or any other datatable.
ua_boaz
  • 1,567
  • 5
  • 24
  • 53
1
vote
1 answer

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
  • 2,738
  • 4
  • 26
  • 54
1
vote
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
  • 23
  • 8
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
  • 601
  • 1
  • 7
  • 17