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…
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

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…
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…
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…
1 2 3
8 9