All Questions
Tagged with virtualscroll angular
75
questions
0
votes
0
answers
145
views
Stop Angular virtual scroll view from jumping when window is resized and virtual scroll items are re-rendered
I have a list displayed with Angular CDK virtual scroll but using a custom scroll strategy to accommodate variable and changeable height.
The heights for each items are estimated using a constant size ...
- 228
0
votes
0
answers
97
views
Virtual Scrolling Issues in Kendo UI for Angular
I am using Kendo UI Virtual Scrolling for my component which is in Angular. I have defined below properties in kendo grid.
The virtual scroll isnt working and displays all records on the page.
I dont ...
- 15
0
votes
0
answers
462
views
Angular cdk Virtual scroll with lazy loading(infinite scroll
Hi in my case i have used an angular cdk virtual scroll the scroll element should be in parent so i achieved it using (cdkVirtualScrollingElement) below code:
<ng-scrollbar class="example-...
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 ...
- 408
2
votes
1
answer
1k
views
PrimeNG table with virtualScroll not showing border around rows properly
I am using PrimeNG table with virtualScroll like so
<p-table
[value]="filteredData"
scrollHeight="37rem"
[scrollable]="true" #tableEl
[virtualScroll]=&...
- 1,813
0
votes
1
answer
1k
views
Implement virtual scrolling from scratch in angular 14
I am working on a project where I need to implement a virtual scrolling component in Angular without using any third-party libraries. I found this article about building a virtual scroll in React(...
- 103
3
votes
3
answers
813
views
How to prevent/stop scrolling on ngx-virtual-scroller on items replace?
I'm using ngx-virtual-scroller with a additional toggle component on top.
On user toggle additional items are added to virtual scroller.
This results in automatic scroll behaiviour, if items which are ...
- 1,671
2
votes
1
answer
752
views
How to lazy load angular stand alone components with Virtual scrolling?
I need help understanding how to use <cdk-virtual-scroll-viewport in concert with angular stand alone components. I have many components, each with their own svg template that I would like to lazy ...
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 ...
- 11
0
votes
1
answer
99
views
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-...
- 45
1
vote
1
answer
1k
views
Primeng Table - is it possible to combine scrolling in both directions AND virtual scrolling?
Is it possible to use the table with scrolling in both directions AND virtual scrolling?
E.G. if I use:
<p-table
[columns]="startColumns"
[value]="data"
[scrollable]=...
3
votes
0
answers
717
views
Angular - Horizontal virtual scrolling with multiple columns
I would like to build the attached functionality, where I have around 20k items. I have tried mat cdk virtual scroller, but it is not working as it provides a single column with a horizontal scroll.
...
- 31
1
vote
1
answer
1k
views
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 ...
- 137
0
votes
2
answers
2k
views
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 ...
1
vote
1
answer
1k
views
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.
...
- 107