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

97 questions
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
  • 4,504
  • 12
  • 45
  • 86
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
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
1
vote
1 answer

Angular 7 cdk-virtual-scroll-viewport - virtual scroll

Is there any event available with, cdk-virtual-scroll-viewport to find the element in the list is rendered or not. for example while scrolling through a list of like below, is there a way to identify a particular li is rendered or not or a set of…
Shyam Mohan
  • 99
  • 1
  • 6
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,067
  • 1
  • 18
  • 35
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
  • 65
  • 1
  • 9
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
  • 23
  • 1
  • 1
  • 7
1
vote
1 answer

virtual scroll for angular not adding data to list

I've tried implementing infinite virtual scroll on Angular 7 project with Hasura's GraphQL backend. I'm unable to figure out why the new data is not added and why there are multiple API requests when I scroll. Here's the component,…
Siddhant Srivastav
  • 13
  • 5
1
vote
1 answer

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
vote
0 answers

I am adding scroller over mat-grid-list which display 5 columns in a row. virtual scroller is not loading data on scroller

I have added the virtual scroller over mat grid list as follows
user3768904
  • 231
  • 3
  • 13
1
vote
0 answers

Trying to solve performance issue with vuejs table

So I have a table with 50 columns and about 4-600 rows and laggy poor performance. There are some computed properties in use. The tables cells are inputs, selects and textareas. I use the vue-scrolling-table, because I need vertical and horizontal…
Balázs Zákány
  • 353
  • 1
  • 11
1
vote
0 answers

Does Angular 7's material table have virtual scrolling?

I am beginning to suspect that I don't understand Angular's material table implementation, or the concept of virtual scrolling, or both :-) As I understand it, virtual scrolling is a technique used to limit the number of DOM elements which need to…
ACEG
  • 1,785
  • 4
  • 31
  • 56
1
vote
1 answer

how to create a pdf from a table created with angular material 7 virtual scrolling

I want to create a pdf of a very big html table. I make use of angular material 7 virtual scroling to create that table. Here is the html template code :
Cheick BOLY
  • 11
  • 2
1
vote
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
  • 12,257
  • 11
  • 34
  • 52
1
vote
0 answers

Angular virtual scroll autsize, set scroll in end

I have a virtual scroll with autosize strategy. If I scroll it from start it works fine. But I need to move it in the end when the page loaded. Problem is that it can't be calculated correctly. Used average value of loaded items. Maybe somebody…
Valentin Hruzinski
  • 31
  • 5
1 2 3
4
5 6 7