Stack Overflow
Stack Overflow

Questions tagged [angular-cdk-virtual-scroll]

81 questions
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
  • 6,366
  • 10
  • 48
  • 114
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
  • 35
  • 5
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
  • 313
  • 1
  • 4
  • 14
1
vote
1 answer

Angular virtual scroll reset to top

In my Angular app, I'm using the Virtual Scroll from the Angular cdk. This is my Component's template:
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,207
  • 1
  • 16
  • 26
1
vote
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
  • 835
  • 2
  • 13
  • 29
0
votes
0 answers

Virtual scroll - Angular 7 how to scroll to index given in search box

I have added virtual scroll to accordion. Inside the accordion I have images with page-number. I want to scroll to the position where the page number is present once I enter the value in a search box. I tried adding scrollToView in the javascript…
Janani Sridhar
  • 46
  • 3
0
votes
1 answer

Angular Virtual Scroll Jumps around

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.
Elrond
  • 329
  • 3
  • 16
0
votes
0 answers

How to increase height of cdk-view-port in Modal?

So currently I have a table using the angular *cdkVirtualFor *cdkVirtualFor=" let info of observable | async; index as i; templateCacheSize: 50 " And I…
JamesDeveloper
  • 57
  • 10
0
votes
0 answers

Angular CDK Scroll to Index 5 items too short

I am creating a new item for a list and want to scroll to it once it has saved. Currently it scrolls but is 5 items too short (i.e I have to scroll down another 5 items manually to see my item) I have played around with setRenderedContentOffset but…
Bwizard
  • 723
  • 8
  • 18
0
votes
0 answers

Virtual scroll for Angular material table columns

I have a material table with around 1000 columns and I want to virtualize these columns, there are a lot of examples that show virtualization of rows using cdk-virtual-scroll but not for columns. Is there a way to do the virtualizations to columns.
Yaswanth Reddy Ubbara
  • 21
  • 3
0
votes
0 answers

Angular-Material: Auto-Complete + Virtuall Scroll lost the active item if i navigate with the Keyboard-Arrows

I have a problem with the autocomplete in combination with the virtual scroll. If I insert huge data into the virtual scroll and try to navigate through the list with the arrow keys, while moving the scrollview to the item - then the autocomplete…
Maniac
  • 1
  • 1
  • 3
0
votes
0 answers

cdk-virtual-scroll-viewport scrollToOffset function can't scroll to the bottom of viewport

I use virtual-croll-viewport for displaying content which changes after user actions. Before destroying a component user offset must be remebered and set again shortly after return to that component. So I have in onInit…
greygreg87
  • 96
  • 9
0
votes
0 answers

cdk-virtual-scroll-viewport doesn't render correct amount of items

I am creating an Angular app for an imaginary supermarket (personal learning project) and I have in my db around 5000 products that I want to load in my app with an infinite scroll.. width cdk-virtual-scroll I manage to do it but I cant manage to…
Juan Luces
  • 29
  • 6
0
votes
0 answers

Angular CDK virtual scrolling issue

Having issue to render huge list by using Angular CDK virtual scrolling. Need set the itemsize to 1 to load the list properly. Expected to load the list according to viewport size. But it load far far more than the viewport size. which the viewport…
Dodo
  • 93
  • 2
  • 5
1 2
3
4 5 6