Stack Overflow
Stack Overflow

Questions tagged [react-window]

133 questions
0
votes
1 answer

Unable to integrate FixedSizeList (react-window) component with antd transfer component

antd is great component library, however I am facing some challenges while integrating the react-window with Transfer component. I am trying to render a huge list in the Transfer component and since the antd 3.x Transfer component lags as the items…
Aditya Padhi
  • 11
  • 3
0
votes
2 answers

Display navbar ontop of react-window

I'm trying to display a navbar on top of react window list. I'm using react-window and react-virtualized-auto-sizer. The problem is that when I add the navbar outside the AutoSizer it creates another scroll bar. sandbox. How could I position the…
user
  • 1,022
  • 2
  • 8
  • 30
0
votes
1 answer

react-window and detecting changes in size of list items

So I have been trying to figure out a solution for big lists in react. and I almost have the perfect solution - but I can't seem to figure out how to get this one detail to work. I have a list of cards that I want to render quickly - I'm using the…
altruios
  • 986
  • 1
  • 10
  • 29
0
votes
1 answer

how to install react-native-video on windows app?

for a certain windows app I am trying to install the react-native-video package on the solution project. I found the following procedure : the image taken from the link : https://www.npmjs.com/package/react-native-video but at the step " Add…
or kandabi
  • 3
  • 2
0
votes
1 answer

Loses styling after horizontal scroll

I'm combining react-window-scroller, react-window, and react-table - I'm experiencing issues when scrolling horizontally. It seems like it loses the styling on each row. Try scrolling a bit down, and then scroll horizontally - All content…
envy
  • 327
  • 1
  • 5
  • 14
0
votes
1 answer

How can I render two list with dynamic height items using DOM recycling libraries such as 'react-window' or 'react-vizualaized'

I have a custom infinite scroll list of Unsplash images, each item has a dynamic height. I want to use two lists under one outerElementType to keep the shuffled layout, how can I achieve it using react-window or react-vizualaized libraries. I…
Beso Kakulia
  • 556
  • 4
  • 13
0
votes
1 answer

React Material UI Autocmplete with React-window rerenders at top of list

I have recently started learning React and could use any help. I am having an issue with the Material-ui autocomplete component. Need some real React gurus to figure this one out. The problem I am having is that when I select an option from the…
William Redmond
  • 1
  • 1
0
votes
2 answers

react-window saves state of deleted row

here is my problem. I am using react-window to render large tables. Each row has its own local state. After I delete a row, the next row moves up and gains the state of the deleted row (this how it looks in my app). Is there a workaround for this…
scrinpwnz
  • 15
  • 1
  • 3
0
votes
0 answers

React list items with keys re-mounting

I have a React project with some fairly large lists. It has gotten to the point where it has had a detrimental effect on performance and I've decided to virtualize them using react-window. The conversion was simple, but I've run into an issue where…
Ryan McClure
  • 1,183
  • 2
  • 17
  • 34
0
votes
1 answer

React Material-UI menu anchor lost because of re-rendered by react-window

I'm building an infinite loading list of users with react-window. In the list, every item has an icon button from Material-UI for further action. But I can't mount the menu near the icon as the icon button would be re-rendered when setting anchorEl…
erickg
  • 975
  • 7
  • 18
0
votes
0 answers

How to use react-window with React Table version 6.10.0?

I am following this virtualized-rows example of react table. I know this code is using react and react table latest versions. How can I use the react-window package with my react table version 6.10.0 and react version is 16.2.0? Also, I am loading…
NN796
  • 1,247
  • 11
  • 31
0
votes
1 answer

Horizontal scroll event not firing for react window

OnScroll events are not firing for a horizontal scrollbar in list implementation of react-window. Minimal replication is at - https://codesandbox.io/s/summer-https-dyhvu In the given example we can see that for native implementation both horizontal…
Rohit Garg
  • 782
  • 5
  • 18
-1
votes
1 answer

How to detect the end of the list element on scroll event?

How to detect the end of the list element on scroll event? Lets say i have array [1,2,3,4,5,6,7,8,9,10], i need to detect if the scroll was reached the end of the list and return then value(in this case the value is 10)? Here is my snippet code:…
My real name
  • 535
  • 1
  • 5
  • 17
1 2 3
…
8
9