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
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
  • 261
  • 3
  • 15
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
  • 407
  • 2
  • 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,981
  • 6
  • 33
  • 61
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
  • 3
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
  • 41
  • 5
1
vote
2 answers

Reactive forms inside virtual list behave erratic

I was checking virtual scroll list with reactive forms. Scenario is that i have thousands of rows to show in a list with checkboxes to approve or disprove. So inside virtual list i am generating form group with [formGroupName]="i". But if i check…
famed1900
  • 39
  • 4
1
vote
3 answers

virtual-scroll returning empty Array

HTML:
{{item.name}}
In component i am…
Sunny
  • 1,167
  • 5
  • 15
  • 27
1
vote
2 answers

Ionic - Scroll to a particular element Virtual Scroll

i have the following code. home.html: {{date.holiday}} home.ts: scrollTo(){ let yOffset =…
Akash Mahale
  • 43
  • 10
1
vote
0 answers

Ionic3 virtualScroll gives blank list when scrolling far ahead on large list

Using Ionic3 to implement large list scrolling with virtualScroll. I added a vertical slider (input range) linked to a function using Ionic3 this.content.scrollTo(0, yVal, 1000) to scroll back and forth but if I scroll too far ahead in the list, I…
pic
  • 11
  • 6
1
vote
0 answers

Angular4 NgFor select box with a large array

I'm working on a project in which I would like to populate a selectbox with all the cities of a certain country. The array I get from my db is about 2800 records long. When Angular renders this selectbox it takes pretty long although the data is…
Maarten De Weerdt
  • 33
  • 1
  • 6
1
vote
1 answer

Virtual scrolling on javascript

I make virtual scrolling by using this fiddle. I can not understand how to get the real scrollable height; If I change row size, it doesn't work. And the if I made small size, such as 200, it doesn't work,too. var s = 20000000 // row…
egaoneko
  • 389
  • 1
  • 5
  • 24
1
vote
1 answer

Prevent angular-ui ui-scroll from loading in hidden div

I have an angular-ui ui-scroll directive (1.3.0) living in a div that is hidden by default with an ng-show. When it is hidden, ui-scroll just keeps loading data from the datasource even though the ui-scroll-viewport's height is set. If the div is…
Mark Nadig
  • 4,901
  • 4
  • 37
  • 46
0
votes
0 answers

Virtual Scroller in a table

I am trying to put my RecycleScroller in a table and I can't make it work
fico
  • 11
  • 6
0
votes
1 answer

Trying to use Virtual Scroller in Vue 3 But the items are buffering

I need to display a large number of data but I can't make the virtual scroller work
fico
  • 11
  • 6
0
votes
1 answer

How can I use vue-virtual-scroller with vueuse useInfiniteScroll?

What I want to show is that I want to show several components with variable sizes using infinite scrolling and virtual scrolling. So I try to use vue-virtual-scroller and useInfiniteScroll. But when I scroll down the component is not added :
antonio99
  • 3
  • 3
1 2 3
…
8 9