Questions tagged [react-window]
133 questions
1
vote
1 answer
Cells overlapping problems in react virtualized with cell measurer
I am using React Virtualized to window my items list which has the following functionality
1) onClicking on any item, the user will be prompted with a details panel where he will be able to update the details of the item. And when he goes back to…

Dheeraj Khathuria
- 21
- 1
- 6
1
vote
1 answer
does fixedRowCount exist in react-window?
There was a prop fixedRowCount available in the react-virtualized (MultiGrid component) repo, does it exist in the rewrite of virtualized, now called react-window?
Thanks!

David Casanellas
- 815
- 2
- 11
- 18
1
vote
1 answer
Flashing row react-table v7 with react-window
I am following this example at official react-table sandbox.
The rows are flashing in the example when I scroll and when you read online they propose to add style to divs, i.e. https://github.com/bvaughn/react-virtualized/issues/1327. But the author…

user1665355
- 3,324
- 8
- 44
- 84
1
vote
0 answers
How do I render a list or table of my own elements with react-window?
I have an array of thousands of objects, like
const people = [
{ name: "Alan", age: 36, score: 103428 },
{ name: "Belinda", age: 40, score: 1482822 },
{ name: "Carol", age: 51, score: 78492391 },
...
];
I want to display a table…

GreenTriangle
- 2,382
- 2
- 21
- 35
1
vote
0 answers
Vertical Scroll Bar for react-window virtualized row
I am using FixedSizeList for rendering very large data, thanks to react-window that everything has been a smooth process with smoother output.
For a couple of days, I am trying to add a vertical scroll bar using react-custom-scrollbars, and I could…

Faizaan Khan
- 1,733
- 1
- 15
- 25
1
vote
0 answers
(react-window) How to wrap {Row} with or any custom component?
I am using library called react-window
It's library for efficiently rendering large lists and tabular data.
this is example code from the docs:
import { FixedSizeList as List } from 'react-window';
const Row = ({ index, style }) => (
Bens
- 831
- 4
- 12
- 28
1
vote
2 answers
react-window and infinite loader scrolling issue
I have given an arbitrary number in itemCount because my list length is unknown.
When I scroll down, infiniteloader loads the data normally for the first time only. But then it loads after my window view is completely blank.
Let's say my list of…
JKhan
- 1,157
- 4
- 14
- 23
0
votes
0 answers
horizontal scroll position based callback function issue
I am new to next , currently I am trying to implement a horizontal product list using react-window for maintaining virtualized. I wish to make api calls while scrolling and append new set of data to the product list. I have made a callback with…
Vishwa
- 11
- 4
0
votes
0 answers
Maximum instances of react-window lists in a single page
How many instances of FixedSizeList and VariableSizeList that I can have in a single page in react-window?
I'm using react-window to construct a large number of tables in which each table is a react-window's Lists components, I want to know the…
0
votes
0 answers
How to make react-window VariableSizeList react on count of element in the list and change list height?
I need to create a large list component with more than 1000 items with VariableSizeList and the height of this list should increase until it reaches 220px.
I tried to use AutoSizer but it didn't help.
bpGusar
- 133
- 1
- 14
0
votes
1 answer
React: Rendering Css cards with react-window and react-window-infinite-loader
I'm working on a React project where I'm using the libraries react-window and react-window-infinite-loader to render a large list of project cards. Each project card contains an image, which is stored as a list of strings. I want to display these…
Krisna
- 2,854
- 2
- 24
- 66
0
votes
0 answers
slow loading with country-state-city and react-window
I'm facing a performance issue while using React Select, react-window, and the country-state-city library. Specifically, I'm encountering slow loading times when working with the city options, whereas the state options load fine, i have already…
Moufid sgh
- 33
- 6
0
votes
1 answer
react-window with next 13 layout
I have an app with news page, which i'd like to impletement infinite scrolling for.
I'm using next 13, and i have app wide nav and footer setup via root layout.
I'm trying to use react-window to set it up efficiently, hoever, i'd like to have the…
Caffeine
- 19
- 3
0
votes
0 answers
How to stick a column to the right in a table using react-wondow and display:sticky?
I am currently working on creating a complex table that contains a lot of data.
Because of this, I decided to opt for virtualization (react-window).
Everything would be fine, but I need to freeze the first row, left and right column in the table.
I…
Vlad Em
- 1
0
votes
0 answers
Checkbox clicks cause FixedSizeList to re-fetch data
I'm using react-window's FixedSizeList component. My list has two columns in the UI - the first one's a checkbox and the other one's plain text. The plain text comes from the backend.
The reason why I'm using virtual scroll is that my list can grow…
Sahil Kolwankar
- 33
- 2
- 9
I am using library called react-window
It's library for efficiently rendering large lists and tabular data.
this is example code from the docs:
import { FixedSizeList as List } from 'react-window';
const Row = ({ index, style }) => (

Bens
- 831
- 4
- 12
- 28
1
vote
2 answers
react-window and infinite loader scrolling issue
I have given an arbitrary number in itemCount because my list length is unknown.
When I scroll down, infiniteloader loads the data normally for the first time only. But then it loads after my window view is completely blank.
Let's say my list of…

JKhan
- 1,157
- 4
- 14
- 23
0
votes
0 answers
horizontal scroll position based callback function issue
I am new to next , currently I am trying to implement a horizontal product list using react-window for maintaining virtualized. I wish to make api calls while scrolling and append new set of data to the product list. I have made a callback with…

Vishwa
- 11
- 4
0
votes
0 answers
Maximum instances of react-window lists in a single page
How many instances of FixedSizeList and VariableSizeList that I can have in a single page in react-window?
I'm using react-window to construct a large number of tables in which each table is a react-window's Lists components, I want to know the…
0
votes
0 answers
How to make react-window VariableSizeList react on count of element in the list and change list height?
I need to create a large list component with more than 1000 items with VariableSizeList and the height of this list should increase until it reaches 220px.
I tried to use AutoSizer but it didn't help.

bpGusar
- 133
- 1
- 14
0
votes
1 answer
React: Rendering Css cards with react-window and react-window-infinite-loader
I'm working on a React project where I'm using the libraries react-window and react-window-infinite-loader to render a large list of project cards. Each project card contains an image, which is stored as a list of strings. I want to display these…

Krisna
- 2,854
- 2
- 24
- 66
0
votes
0 answers
slow loading with country-state-city and react-window
I'm facing a performance issue while using React Select, react-window, and the country-state-city library. Specifically, I'm encountering slow loading times when working with the city options, whereas the state options load fine, i have already…

Moufid sgh
- 33
- 6
0
votes
1 answer
react-window with next 13 layout
I have an app with news page, which i'd like to impletement infinite scrolling for.
I'm using next 13, and i have app wide nav and footer setup via root layout.
I'm trying to use react-window to set it up efficiently, hoever, i'd like to have the…

Caffeine
- 19
- 3
0
votes
0 answers
How to stick a column to the right in a table using react-wondow and display:sticky?
I am currently working on creating a complex table that contains a lot of data.
Because of this, I decided to opt for virtualization (react-window).
Everything would be fine, but I need to freeze the first row, left and right column in the table.
I…

Vlad Em
- 1
0
votes
0 answers
Checkbox clicks cause FixedSizeList to re-fetch data
I'm using react-window's FixedSizeList component. My list has two columns in the UI - the first one's a checkbox and the other one's plain text. The plain text comes from the backend.
The reason why I'm using virtual scroll is that my list can grow…

Sahil Kolwankar
- 33
- 2
- 9