Stack Overflow
Stack Overflow

Questions tagged [angular-cdk-virtual-scroll]

116 questions
1
vote
2 answers

How can I Collapse/Expand Multiple Divs in ngx-virtual-scroll?

https://stackblitz.com/edit/angular-ngx-virtual-scroller-byykpn Here is what I have done so far, now I need to Expand/Collapse all divs which is after the group header.
jay khatri
  • 151
  • 1
  • 13
1
vote
1 answer

Why is @angular/core/core has no exported member 'ɵɵFactoryDeclaration'. error thrown when using angular cdk virtual scroller

I installed CDK Virtual Scroller in my ionic 5.3.3 project: npm add @angular/cdk The version is: "@angular/cdk": "^13.0.2" The scroller viewport wraps a ion-item-group:
dancingbush
  • 2,131
  • 5
  • 30
  • 66
1
vote
0 answers

Angular infinite virtual scrolling minBufferPx and maxBufferPx

According to the official documentation of angular virtual scrolling minBufferBx and maxBufferPx Supposed that we have the following parameters: itemSize = 50, minBufferPx = 100, maxBufferPx = 250. As the user is scrolling through the content the…
rodent_la
  • 1,195
  • 4
  • 18
  • 38
1
vote
0 answers

How to make cdk virtual scroll itemSize auto or change by condition

enter image description here I have this piece of code in .html file that just loops through formArray controls and displays a component. The length of formArray is by default one, and can increase or decrease over time. I want the item size to be…
Angin
  • 25
  • 6
1
vote
1 answer

Angular CDK Virtual Scroll - Items cut off at the bottom

When I scroll to the bottom of the scroll viewer, the last few items are cut off. I'm using the experimental cdk and using autoSize.
Lee
  • 703
  • 6
  • 20
1
vote
2 answers

Is there a way to disable scroll in Angular cdk-virtual-scroll?

I would like to prevent the scrollbar from moving by default using Angular's cdk-virtual-scroll? Is there a way to do it? I have been researching a lot, but did not find a way to do it.
deadmau5p
  • 93
  • 1
  • 9
1
vote
0 answers

Apply CdkVirtualScroll on the content of ngContent

I have the following case in my angular app. CASE : I have a custom input select that basically do some styling and logic, and draw a list of input : (SIMPLIFIED) :
Crocsx
  • 2,534
  • 1
  • 28
  • 50
1
vote
1 answer

Add an Item to a cdkVirtualFor

I am using a cdkVirtualFor due to a large number of users in my list. The list has filtering on it and it works much better when it is a cdkVirtualFor rather than a regular *ngFor. I now need to add items to the list…
Bwizard
  • 955
  • 2
  • 15
  • 36
1
vote
0 answers

Angular virtual scroll with sticky column and header

I have a big list of data and I want to display it in a grid, but I don't want to display the whole list as it will be too much stuff on screen and be slow. I want to use a virtual scroll but I want to have the header and the first column to be…
charles-emile begin lavigne
  • 920
  • 1
  • 11
  • 21
1
vote
1 answer

position:fixed doesn't work inside cdk-virtual-scroll-viewport

HTML element with position:fixed doesn't work inside cdk-virtual-scroll-viewport. Below style should put the element at the page top left corner, but this class doesn't apply to elements inside cdk-virtual-scroll-viewport. .fixed-div {position:…
V_R
  • 96
  • 9
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
  • 199
  • 1
  • 13
1
vote
2 answers

Performance issue with selecting a checkbox in HTML table with 1000+ rows

We have a simple HTML table with tr td combination . The table has 65 columns to it and it will have minimum of 1000 rows and it could be more as well. We are seeing a huge performance issue when selecting a checkbox in a row, it takes around 3-4…
Nikhil Bharadwaj
  • 867
  • 4
  • 24
  • 42
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
  • 9,551
  • 5
  • 22
  • 42
1
vote
2 answers

CDK virtual scroll has no doms

I'm using CDK virtual scroll to improve the performance of a dropdown which will have huge data. I have followed all the steps as per the documentation. But when I open the dropdown I don't see any dom with in cdk-virtual-scroll-viewport…
Nikhil Bharadwaj
  • 867
  • 4
  • 24
  • 42
1 2 3
4
5 6 7 8