Stack Overflow
Stack Overflow

Questions tagged [react-window]

133 questions
1
vote
0 answers

React-Window with MUI collapsible table rows

I looking for help sorting out problem I encountered recently while working with React-Window and MUI Collapsible Table Rows. In general react-window render row for each of my item in the array, with some of the content hidden till we press arrow.…
Kacper
  • 11
  • 2
1
vote
1 answer

Why does react-window re-render the list on every useState event?

I don't understand why react-window does re-render the list on every(all) useState events, which values are not even connected to the list itself. Could someone please explain how this is internally linked and how I can avoid those…
MJey
  • 345
  • 3
  • 16
1
vote
0 answers

How to get content aware non-overlapping rows in VariableSizeList in react-window?

In the official documentation example the itemSize is not content aware: const rowSizes = new Array(1000) .fill(true) .map(() => 25 + Math.round(Math.random() * 50)); const getItemSize = index => rowSizes[index]; I am trying to figure out how…
Greg
  • 8,175
  • 16
  • 72
  • 125
1
vote
0 answers

react-window resetAfterIndex does not maintain the column's state

I was trying to add a component that has it's own state into the row, but I could not remain the component's state when I trigger the toggle() which consist of the resetAfterIndex(). From my understanding, that is the behaviour of resetAfterIndex()…
Froyo
  • 103
  • 1
  • 7
1
vote
1 answer

react-window-infinite-loader getting scrolled to top on loading more items

I am trying to do infinite scrolling with react-window-infinite-loader and everytime an item is loaded the scroll gets back to the top. So if I am 100 items down the list and more data gets loaded, I reach back to the top and have to start again.…
Sarang Khajuria
  • 97
  • 10
1
vote
0 answers

Render CSV data using react-window or react-virtualized

I am trying to render CSV data (sampleCSVData) using react-window. I am splitting the data using "," and then trying to populate it in a Cell component. To properly populate in Cell component I need a series like 0,1,2,3,4,5... which should change…
Ankit Chauhan
  • 54
  • 10
1
vote
0 answers

Use React-window in React Realtime Chat App

My React real time chat app (app look like facebook - messenger facebook.com/messages). MessageItem can be video, sticker, mention, text, emoji. I want use react-window lib to handle scrolling messengerList but I not sure react-window good for…
Phát Nguyễn
  • 155
  • 2
  • 16
1
vote
1 answer

react-window Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object

I'm using react-window to try to generate a list. With the default row that they use, they create const Row = ({ index, style }) => (
Row {index} …
IWI
  • 1,528
  • 4
  • 27
  • 47
1
vote
0 answers

Problem with react-window won't show result

I applied the react-window setting but I don't know why it wont show the result of the cell. This is how I render the children for react window This i how I apply the Reactwindow import { VariableSizeList as List } from 'react-window' const…
Ayaka
  • 197
  • 1
  • 13
1
vote
0 answers

Set up React Native with remote Mac

I have a Windows machine and a very old Mac Book. I am trying to set up React Native so I can develop on Windows machine and use the MacBook to build, run the simulator, debug etc. I can't find any official documentation for this particular set up.…
duongthaiha
  • 855
  • 6
  • 17
1
vote
0 answers

When to use a virtual list?

I'm building a feed like Facebook or Twitter using React. I need a list of posts... however, I don't know if it's worth having a virtual list or not. I don't know the height of each post until it's been rendered as it might contain an image or a…
Kwokamole
  • 53
  • 6
1
vote
1 answer

React-select: virtualize options list

What is the expected way to virtualize options list in latest version of react-select (3.1.0)? There is react-virtualized-select but is not longer supported. Thanks.
Mauro Carrero
  • 31
  • 4
1
vote
0 answers

Load large data as Grid and Table in React (with react-window)

I have a project with an start page, which shows the whole item list of a user. The user can switch between a Grid and a Table. For the Grid I use a CSS Grid display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); …
Tommy
  • 443
  • 1
  • 4
  • 18
1
vote
0 answers

Adding margin between elements in a react list inside a react infinity loader

Is there any way I can add a gap between elements in a react-window-list inside a n infinity loader? Setting a margin doesn't work. I found how to do that in the following way: margin: 10px 0; height: 50px !important; I found this solution quite…
Gianmarco
  • 792
  • 2
  • 14
  • 38
1
vote
0 answers

How do you provide rowHeight to react-window using Ant Design Table

Anyone has tried using Ant Design Table together with react-window to improve the performance? The problem I ran into is how to calculate the rowHeight and provide it to react-window. Our table support resizing column, so the rowHeight is dynamic.
Charlie Chen
  • 224
  • 3
  • 12
1 2 3
…
8 9