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)
virtualscroll
131
questions
2
votes
0
answers
36
views
How to implement virtual horizontal scroll for the Antd table?
I am experiencing performance issues with an Ant Design (Antd) table containing more than 200 columns. You can preview the problem here: Antd Table. AntD supports vertical virtual scrolling, but not ...
- 21
0
votes
0
answers
24
views
how to style item with grid-template-columns: repeat(4, minmax(0, 1fr)) in virtual scroll
https://codepen.io/pen?editors=0010
how to make in virtual scroll list item to grid-template-columns: repeat(4, minmax(0, 1fr)) maybe cause items has style absolute, i dont know, in general i need to ...
- 1
0
votes
0
answers
34
views
With `react-window`, The sticky table header breaks away when scrolling
I am building the table with react-window and react-window-infinite-loader to these requirements.
Requirements
Vertical direction
Infinite scroll
List virtualization
Fixed height of table
The sticky ...
- 71
0
votes
0
answers
134
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
14
views
ngx-virtual-scroll #header doesn't work - scrolls header in html table even with #header included in thead element
Issue is that the header in my table scrolls when I want the header row to stick.
The Css/Html
virtual-scroller {
height: 37.7rem;
min-width: 800px;
thead th {
background: white;
...
- 1
2
votes
1
answer
117
views
Virtual scroll implementation causes scrolling down to scroll to the end
I tried to write a virtual scroll in pure JS, but when I scroll down, the scrolling does not stop. I can't figure out what's causing the infinite scrolling.
To emulate scrolling, I use two containers, ...
- 23
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
261
views
Issue with Prime React Infinite scroll lazy with loading
I'm currently working with a large dataset and have implemented virtual scrolling along with lazy loading to improve performance.
However, I'm encountering a few issues that I'd like assistance with ...
0
votes
0
answers
39
views
Angular Drag Drop Resize With virtual Scroller
I am seeking assistance to identify a drag-and-drop, resize, and virtual scroller library compatible with the following Angular versions
"@angular/cdk": "^6.4.7", "@angular/...
0
votes
0
answers
448
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
38
views
How to implement temporarily disabling AdjustmentListener of JScrollPane in Java Swing
I have a code to load data when scroll is performed. Suppose I scroll, the loadData method is called and is in progress. If during this time I keep scrolling, even though the scrollbar is not moving ...
- 73
0
votes
0
answers
73
views
How to increase software rendering video performance in Vue js?
Let's assume I have a thousand of object array which includes .mp4 came from cloudinary. I've also tried to transform into .webm type to compress file sizes but somehow it still didn't much reduce the ...
- 13
0
votes
0
answers
54
views
Virtual Scroller in a table
I am trying to put my RecycleScroller in a table and I can't make it work
<RecycleScroller
class="scroller"
page-mode
:items="store.clinicData.value[store....
- 23
0
votes
1
answer
1k
views
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
<RecycleScroller
class="scroller"
page-mode
:items="store.clinicData.value[store....
- 23
0
votes
1
answer
860
views
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 ...
