All Questions
Tagged with virtualscroll angular-material
16
questions
0
votes
0
answers
366
views
Angular - Virtual scrolling remembering position
When a user select an option within the virtual scrolling it takes them to another route. When clicking the back button I want them to be in the same position within the virtual scroll.
I am injecting ...
1
vote
1
answer
1k
views
cdk virtual scroll issue when ever scrolling it down items are getting displayed slowly and sometimes blank for 2 secs
i am using angular virtual scroll in project so when ever i am scrolling it down items are loading but flickering for micro sec
trying with maxBufferPx and minBufferPx and positions to fix but not ...
1
vote
1
answer
921
views
Angular Material CdkVirtualScrollViewport getRenderedRange() method always return {start : 0, end: 0}
I'm trying to implement Angular Material virtual scrolling, but my items have different sizes. So I must code a custom implementation of VirtualScrollStrategy.
The thing is, I need to use the ...
0
votes
1
answer
2k
views
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 ...
1
vote
0
answers
566
views
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 ...
10
votes
5
answers
14k
views
Scroll to bottom with cdk-virtual-scroll (Angular 8)
Goal
Display a list of messages and scroll to the bottom when a new message is received, even when I am at the top. I would like to scroll fully bottom even with elements of different heights.
Problem
...
0
votes
0
answers
1k
views
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 ...
0
votes
0
answers
555
views
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 ...
5
votes
1
answer
2k
views
Angular cdk-virtual-scroll-viewport mouse scrolling not working in horizontal orientation with mouse wheel only
Is there any way to activate mouse scrolling in the cdk-virtual-scroll-viewport for the horizontal orientation?
As we can also see in the example from angular material, you can scroll only by ...
3
votes
2
answers
10k
views
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 ...
20
votes
5
answers
20k
views
Angular: cdkVirtualFor not rendering new items
I'm building a vertically scrolling calendar. I'm getting the initial days to load, but when new days are added to the list, they aren't being rendered.
<cdk-virtual-scroll-viewport
class="demo-...
11
votes
4
answers
22k
views
Angular Virtual Scroll with dynamic variable height/width?
I'm looking for an angular virtual scroll package with following functionality:
1) Horizontal virtual scroll
2) Container width and height are fluid.
3) Items width set in percentage of the container ...
18
votes
1
answer
29k
views
How to programmatically scroll to item with angular's material virtual scroll?
I have a list that has many items and each item can be selected. For this I use Angular Material Virtual Scroll. When an item is selected, the selected item is highlighted and then is saved on the ...
2
votes
0
answers
1k
views
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
<virtual-scroller #scroll [items]="tiles" (vsEnd)="onVsEnd($event)"
flex="100" style="width:80vw" bufferAmount="10">
...
6
votes
1
answer
7k
views
Angular cdk scrolling: Updating Data Source not represented in view
All my previous attempts of building an infinite scroller failed so far.
The component I am currently working on uses Angular's virtual scrolling and should update the data source when a certain index ...