Stack Overflow
Stack Overflow

Questions tagged [virtualscroll]

A UI technique dedicated to increase the performance of large scrollable lists by rendering only a small portion of the data at a moment and virtualising other parts of the dataset, so that the scrollbar parameters remain consistent and a user experiences the result interface close to the original one (without virtualisation)

enter image description here

130 questions
0
votes
1 answer

What is the most efficient way of virtualize large data?

I have a list of cards that contains charts, images on it. Since the chart data and image requests slowdown my application, I thought to follow a virtualization technique. I'm currently using ngx-perfect-scrollbar and I'm about to use the virtual…
Dg980794
  • 45
  • 4
0
votes
1 answer

How to fit non-list items into virtual scroll using Angular Material CDK

I am currently trying to understand the concepts of virtual scrolling and for that I extensively used the Angular documentation on Angular's CDK. I found out that they implemented virtual scrolling but they do not show how to implement a list on a…
zettee
  • 127
  • 1
  • 2
  • 10
0
votes
1 answer

How to track the scroll event of individual cdk-virtual-scroll-viewport

I am using cdk-virtual-scroll-viewport to build pagination scroll in my app. I have two instances of cdk-virtual-scroll-viewport, Want to track individual scroll events and make API call for the individual scrolls. How to achieve that? Stackblitz…
Rohit Mehrotra
  • 29
  • 6
0
votes
1 answer

Virtual scrolling Not working in Angular with response data- cdk-virtual-scroll-viewport

I am not able to bind the cdk-virtual-scroll-viewport with data in my Angular html. This is the data in my jobLists array which is assigned with response data in ngOnInit In my html class i have sample like this
Nithin Paul
  • 2,169
  • 3
  • 33
  • 55
0
votes
2 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
  • 103
  • 2
  • 8
0
votes
0 answers

Angular material virtual scroll default offset in scroll when the scroll loads

I have a table rendered using angular material virtual scroll. this.trs = [ ...batch, ...this.trs]; setTimeout(() => this.viewPort.scrollToIndex(100), 1000); I get the data and populated the virtual scroll and then set the scrollToIndex to 100.…
harikrish
  • 2,009
  • 3
  • 19
  • 37
0
votes
1 answer

ag-grid with virtual scrolling without lazy load

I have a requirement where we need to show around 24k records which has 84 cols in one go, as user wants filtering on entire set of data. So can we have virtual scrolling mechanism with ag-grid without lazy loading?? If so could you please here. Any…
Vandana Chaurse
  • 1
  • 3
0
votes
0 answers

Implement Virtual scrolling in angular 5

How do I implement Virtual Scroll in angular 5? I tried this Implement Virtual scrolling in angular 6 in angular 5 project but this didn't work. Is there any other way to implement virtual scroll in angular 5? lets say I have a component displaying…
Diksha Goyal
  • 260
  • 6
  • 19
0
votes
1 answer

virtual scroll for version 5.2.0

I have a simple question, is there a way to perform virtual scroll for angular with angular/cdk version 5.2.0 Because i get the error : src/app/app.module.ts(67,10): error TS2305: Module node_modules/@angular/cdk/scrolling"' has no exported member…
hbat
  • 83
  • 1
  • 1
  • 7
0
votes
1 answer

Is Ionic Virtual Scroll very buggy or not?

I am working with Ionic 4 and trying to get Virtual Scroll to work properly with no success, for long actually. I find the Docs very unexhaustive and with poor grammar sometimes. As at the ItemHeight part which says: An optional function that maps…
A. D'Alfonso
  • 759
  • 11
  • 20
0
votes
1 answer

virtual scroll with elasticsearch

I'm using elasticsearch and kendo-ui grid. Now I'm switching from endless scroll to virtual scroll. At the moment I use the Scroll Api in elasticsearch, but can't control the range for my request. Is there a way to get a session like in scroll,…
Meyra
  • 29
  • 5
0
votes
1 answer

Jasmine/karma test failing due to Virtual Scroll on Angular7

Scenario: I am running a very basic test on Angular7 project (https://stackblitz.com/edit/angular-efdcyc) which also uses ScrollingModule within '@angular/cdk/scrolling'. Question: Any way around the error below? am i missing anything? The simple…
Akber Iqbal
  • 14,487
  • 12
  • 48
  • 70
0
votes
0 answers

angular cdk-virtual-scroll-viewport after image load, scroll direction shows incorrect white space due to incorrect element height

when using the angular cdk-virtual-scroll as per below code, content displays correctly before image loaded. however, after the image is loaded, scrolling seems to work incorrectly. in this case, scroll direction is vertical. as scrolling occurs,…
Michael Zhou
  • 41
  • 1
  • 8
0
votes
0 answers

Need to increase the allowable maximum height for a div element

Is this possible to increase the below maximum allowable height to be set to a div element. Chrome (14.0) : 33,554,428 px IE (9.0) : 10,737,418 px FF (7.0.1) : 17,895,697 px Beyond, the size, the client height of the div element…
Ramesh G
  • 101
  • 1
  • 6
0
votes
0 answers

Ionic 3 Virtual Scroll: Change Item Size

I am working on implementing a VirtualScroll list. My current implementation is:
1 2 3
…
8
9