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
1
vote
1 answer

How to implement virtual scroll dropdown using Kendo in Angular?

I have a huge data set coming from a API. Rather than showing all those data in the dropdown at first, I want to call the server API and get the results when user scroll downs through the dropdown. Can someone explain me how can I achieve this.
Kalana Tebel
  • 135
  • 4
  • 17
1
vote
0 answers

Angular Material multi select component with virtual-scroll

I'm trying to create a custom multi select component, based on the angular-material select component (v10), with virtual-scroll and a custom search input inside the component's overlay. I also added a mat-select-trigger element to display the number…
helderabreu
  • 11
  • 2
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
2 answers

How to track and save the last scroll position of a virtual scroll list in javascript

I have a virtual scrolling list built with JS in a Cordova app and I want to save the exact node that was at the top of the viewport after each scroll. The complication with virtual scroll is that using scrollTop is not reliable because nodes are…
Uche Ozoemena
  • 816
  • 2
  • 10
  • 25
1
vote
0 answers

List switching slow and ripple effect lag

I've been struggling for a (very long) while on performance issues on my app, that concern list switching with segment buttons. I'm using virtual scroll to improve perfs, because a ngFor loop was insanely slow with only 200 elements. In my…
Pierre-Yves Rouillé
  • 75
  • 10
1
vote
1 answer

Using ngx-virtual-scroller with sections of items

I want to use ngx-virtual-scroller for sections of items.
{{group.name}}
RoG
  • 411
  • 4
  • 20
1
vote
1 answer

Can I use the lazy-option of the Angular PrimeNG treeTable without virtual scroll?

Hey guys i stumbled about some problems with the lazy loading option of the prime ng treeTable. I need to use the lazyLoad event (Output property "onLazyLoad") without the virtual scroller behavior. Is this somehow supported by the treeTable…
Simon Lüscher
  • 131
  • 12
1
vote
0 answers

ionic 4 virtual scroll not setting height inside container

So, I have created a layout for a page which contains a Header and a button, and below an ng-container in which the ion-virtual-scroll is being rendered. However, the last elements are not being displayed because I can't scroll to their location,…
miguelopezv
  • 790
  • 2
  • 8
  • 28
1
vote
1 answer

Too many list items cause lag

I am using mat-expansion-panel from Angular Material in my app and I combine it with infinite scroll so that I won't load all of them at once and it won't lag because of it. However, once I scroll to the bottom and I have about 30-40 elements…
Sinan Samet
  • 6,432
  • 12
  • 50
  • 93
1
vote
0 answers

Selenium / Python - How to access / count all elements inside a container that has virtual scrolling

I have a cdk-virtual-scroll-viewport container with many elements in it which means not all of its elements are rendered at once. If I scroll, I get more elements and 'lose' the previous ones. What I want to do is to count the children of this…
Marialena
  • 817
  • 8
  • 31
1
vote
2 answers

Primeng p-table virtual scroll display previous rows when using row grouping

I'm trying to create a p-table that has grouped rows but I'm not able to correctly apply the virtual scroll feature. p-table is part of the PrimeNg framework. The issue is when scrolling and doing a lazy loading (which, actually is just appending…
MHogge
  • 5,408
  • 15
  • 61
  • 104
1
vote
1 answer

ng2-dragula with a virtual scroll

I am trying to implement ngx-virtual-scroll and ng2-dragula together here is my current Stackblitz UPDATED : Stackblitz The problem is the following :
Crocsx
  • 2,534
  • 1
  • 28
  • 50
1
vote
0 answers

ionic 4 virtual scroll - scroll to a specific element

i have a list of questions which should be rendered programmatically and unfortunately with dynamic height. in purpose of performance and get rid of lags i'm using ionic virtual scroll. the problem is that i have to implement jumping feature but…
saleh asadi
  • 95
  • 1
  • 12
1
vote
0 answers

Virtual Scroll issue in Angular Universal

I'm using angular 7 projects with universal integrated to it working around virtual scroll feature and am getting the following error(for server-side rendering) ReferenceError: window is not defined at new VirtualScrollerComponent…
Madhusudan Yadav
  • 33
  • 1
  • 1
  • 7
1
vote
2 answers

How to detect user has reached end of list in virtual scroll angular 7?

I'm getting data from rest api in batches of 25.I'm using virtual scroll to display data.Now when these 25 items are scrolled,i need to query for next 25 items.How to detect when user reaches end of list ??
Simran Chawla
  • 21
  • 9
1 2 3
…
8 9