Skip to main content
520 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
0 answers
73 views

Im using flashlist from shopify to contain simple card components with a vertical scroll, the cards have an image and a title shown inmediately. I am having an issue where when I get to around 10 ...
Jose Izarra's user avatar
  • 11
2 votes
0 answers
477 views

I am using React Table Virtuoso for a large list of loads in my React app. The table updates every n seconds by prepending newly found loads to the top. However, this causes an issue where the ...
Fozil Mamadaliev's user avatar
  • 21
0 votes
1 answer
275 views

I am using React Virtualized to render a list with expandable panels. The issue is that when a panel expands, all 500+ rows inside it are loaded at once, making the UI very slow. The outer list is ...
Aman Sadhwani's user avatar
  • 3,618
2 votes
4 answers
414 views

I am working with react-virtualized and have a custom header along with a long list. I was able to fix (freeze) the first and last columns in the header while scrolling horizontally, but I am unable ...
Aman Sadhwani's user avatar
  • 3,618
0 votes
1 answer
63 views

I use react virtualized to show some items. My problem is now how can I add margin for each box to have space between every box ? here is a sandbox you see all boxes are bordered and have no space. ...
wepro01's user avatar
  • 41
1 vote
0 answers
221 views

I have very large lists of items that I need to show on the ui inside a Combobox of shadcn ui but due to lists being large, it takes too much time. So I wanted to virtualize the list and only render ...
Hardik Aswal's user avatar
  • 23
2 votes
0 answers
196 views

I'm having an issue using react-beautiful-dnd within a react-virtualized List. My app has sections, each with its own Droppable, and contains Draggable elements. The problem occurs when I try to drag ...
Volodymyr Trykoz's user avatar
  • 21
1 vote
1 answer
124 views

I use Multigrid to create a scrolling table. There is a requirement: to be able to manually change the widths of columns, including the header column (sidewall) Example: https://codesandbox.io/p/...
Maxim's user avatar
  • 11
3 votes
2 answers
2k views

I am working on a React project (version 16) that is bootstrapped with Vite. I am encountering an issue with the react-virtualized library, specifically with the WindowScroller component. When I try ...
Rahul Ramshrey Chauhan's user avatar
  • 43
1 vote
1 answer
3k views

We're having a big problem in our app where the each row rendering in our table adds a high overhead and blocks the JS main thread with long tasks, making the app feel over slow and sluggish. We're ...
Eduardo Pacheco's user avatar
  • 11
0 votes
0 answers
99 views

I have absolute positioned navigation items within a resizable container. The problem is when you scrolled the overflow content horizontally, the child elements (they're absolute positioned because of ...
Metehan Senol's user avatar
  • 669
0 votes
1 answer
96 views

Scenario: I have one largest (50MB - size) file and converted that into html file using third party tool. Now I wish to showcase converted HTML file into my webpage When trying this scenario my React ...
MADHAN BABU's user avatar
  • 1
1 vote
1 answer
351 views

I see the readme on getMenuProps, but it doesn't explain what the refs are used for. It seems to have an effect when I move it around. I'm not sure if it is required to go on a list element directly ...
Lance Pollard's user avatar
  • 80.5k
1 vote
1 answer
385 views

I am using "react-virtualized": "9.22.5", and I am trying to render a list. When I pass <List height={myList.length * 30} rowHeight={30} rowCount={myList.length} width={...
Milan Smolík's user avatar
  • 432
0 votes
0 answers
450 views

I am using react-virtualized to create an infinite scroll. The code for this is shown below (full link to the codesandbox where this code is taken from- https://codesandbox.io/p/sandbox/react-...
Coding Ninja123211's user avatar
  • 47
1 vote
0 answers
38 views

I have been implementing a passbookView, where we fetch the transaction list from the backend. and user can navigate to a detailView for each transaction where he can cancel the transaction. now the ...
vatsal mandloi's user avatar
  • 50
1 vote
2 answers
519 views

The onScroll callback(scrollHandler) is not getting called while scrolling. This issue is happening after we upgraded to react 18 from react 16. Package details "react": "^18.2.0", ...
Thalariventhan K R's user avatar
  • 77
2 votes
0 answers
362 views

I have a simple layout of a grid that I would like to virtualize it. <Grid maxWidth='xl' height='100%' container direction='row' justifyContent='...
Oliver's user avatar
  • 404
0 votes
1 answer
332 views

import * as React from "react"; import { render } from "react-dom"; import { List, CellMeasurerCache, CellMeasurer, WindowScroller, AutoSizer } from "react-...
Ayoub Benayache's user avatar
  • 1,161
1 vote
0 answers
150 views

I am new to next.js , currently I am looking to design an UI which I have mentioned below in an image UI that I want to build . I am struck on how to implement this UI using react virtualized , is it ...
Vishwa's user avatar
  • 11
3 votes
1 answer
5k views

I've been trying to implement virtualization to a React-Select component although without success. Every single virtualization package that I have tried using has had some sort of breaking fault that ...
pron1ghtmare360's user avatar
  • 69
0 votes
1 answer
2k views

I have created an infinite scrolling using react-virtouso. and it is working proper too. in the given example it fetch data when we scroll-down and when we reach on the end, and it append to existing ...
shafa vp's user avatar
  • 81
3 votes
2 answers
2k views

I am trying to integrate react-window with react-window-infinite-loader and so far, I have been successful, but facing an issue where I couldn't find a way to style my list item to create more spacing ...
Naruto's user avatar
  • 119
3 votes
0 answers
99 views

I am buliding an emoji picker as part of a larger react project and have encountered an issue. I have successfully built the emoji picker, but it is extremely slow This is because there are thousands ...
Gradyn Wursten's user avatar
  • 158
4 votes
0 answers
948 views

I am using react-infite-scroll-component and react-virtuoso for inverse infinite scrolling in real-time chat app. And the problem is when when chat has more than 100 unread messages, then it's more ...
bjjnarola's user avatar
  • 41
3 votes
0 answers
2k views

I have a MUI TreeView component with over 1000 TreeItems and I'm noticing performance issues due to the large number of DOM elements being rendered. I've heard that virtualizing the TreeView can help ...
Harsh Jangir's user avatar
  • 31
1 vote
1 answer
3k views

Context I would like to use react-virtualized Grid to create a responsive grid of cards. The data of the cards will be one dimensional (non 2D). The cards will each have a minimum width and they will ...
goss's user avatar
  • 41
0 votes
1 answer
2k views

I'm trying to use react-window and react-virtualized-auto-sizer to virtualize a components list, but the <AutoSizer> component isn't rendering the list. this is the code: <AutoSizer> {...
João Ferreira's user avatar
  • 44
0 votes
1 answer
295 views

I am trying to implement virtualization with react-sortablejs for lists with more than 500 items. I have tried with react-virtuoso, but react-sortablejs wraps the entire react-virtuoso component as a ...
Nameer Muhammad's user avatar
  • 1
0 votes
1 answer
232 views

import { List, AutoSizer, ArrowKeyStepper } from 'react-virtualized'; ...// <div className={classes.listContainer}> <ArrowKeyStepper mode="cells" ...
Ирина Папахина's user avatar
  • 1
5 votes
0 answers
423 views

I have a small project using justified-layout and react-virtualized, I set the width and height of the preview images with the useCallback of previewImageContainerRef Ref. ( In the <PreviewImage>...
yeln's user avatar
  • 797
0 votes
0 answers
249 views

I need to make for some rows react-virtualized from table, create 2 rows, 1 row it is row react-virtualized second row it is my custom row Ho to do it, maybe has some example? I tried use ...
Alex's user avatar
  • 1
1 vote
1 answer
2k views

I have a multi-select component with a lot of option data that takes a long time to load. I optimized it with the react-select-virtualized and it works ok but it doesn't support multi-selection yet. ...
Jai Kumaresh's user avatar
  • 875
1 vote
0 answers
160 views

I implemented react-window and react-virtualized-auto-sizer. My problem is that it crashes. It says Element type is invalid: expected a string (for built-in components) or a class/function (for ...
Joseph's user avatar
  • 7,875
0 votes
1 answer
620 views

I am having a problem that I can't solve by my own. I am making an app for making lists in React Native, and in my main screen, that shows the session initiated by the user, I have to render all the ...
Desarrollos MJA's user avatar
  • 11
1 vote
0 answers
48 views

I checked all the sandboxes for react-window (react-virtualized-auto-sizer, react-window-infinite-loader) They both use mock data Where should I place the code for async fetch/axios data for the <...
yeln's user avatar
  • 797
0 votes
1 answer
509 views

I am rendering a long list using the react-virtualized library. everything is working fine, but when I sort the data using the javascript sort method then the height of the divs doesn't change when ...
Sajib Hossain's user avatar
  • 123
1 vote
0 answers
144 views

I am using react-virtualized to window my dropdown list options. The problem is that these options are not rendering its content. constructor(props) { super(props); this.cache = new ...
LeadStar's user avatar
  • 152
0 votes
1 answer
610 views

I have a react-virtualized List, each item in the rows have an expand button, when the button is clicked the height of the row changes and it expands and show more info. the issue here is, after the ...
yeln's user avatar
  • 797
1 vote
0 answers
230 views

I want to when scrolling body add skeleton loading my items in virtualized list I use the react-viewport-list package <ViewportList items={dataTable}> {(item, index) => ( ...
Alireza Bagheri's user avatar
  • 639
1 vote
0 answers
336 views

I have a react virtualized table. Im trying to add a border color to the whole description column, like image below. I've tried this : style= {{ borderColor: "red"}} in <Column, but ...
ELsssss's user avatar
  • 206
1 vote
1 answer
1k views

How do I stop AutoSizer from keep updating the width when browser window resized dynamically ( dragged by mouse etc )? I just need the width to calculate once ( on first load ) or when page is ...
yeln's user avatar
  • 797
1 vote
0 answers
2k views

The following issues below point to the same problem I am experiencing: Scroll jumps to the top when List data gets updated InfiniteLoader jumps when scrolling up after loadMoreRows completes Adding ...
William Sun's user avatar
  • 131
0 votes
1 answer
1k views

I'm using a react-virtualized List component, which uses height data from CellMeasurerCache: const cache = new CellMeasurerCache({fixedWidth: true, rowHeight: 150, minHeight: 50 }); This is the code ...
user17299932's user avatar
  • 1
1 vote
1 answer
3k views

I'm trying to add react-window to my stack, however all examples require the width and height of the list to be statically defined like this: import { FixedSizeList as List } from 'react-window'; ...
Alk's user avatar
  • 5,597
1 vote
1 answer
990 views

I'm trying to get a very simple example of "react-virtualized" to work using the "List" method of display. Here's what I have so far (omitting html/css here because it's trivial, ...
Darren Gates's user avatar
  • 621
0 votes
1 answer
4k views

I'd like to virtualize a large list in my react application and use react-virtualized-auto-sizer and react-window-infinite-loader packages. Below is how I did it. import { FixedSizeList as List } from ...
Tu Le Thanh's user avatar
  • 681
0 votes
1 answer
2k views

I am not sure why this is happening but the InfiniteLoader makes calls to fetch items twice(one for items from 0-8 and then from 8-16) when I am just loading the page and not scrolling at all. Also, ...
Aakash Verma's user avatar
  • 4,044
1 vote
0 answers
100 views

I need to be able to let users highlight many rows, but the issue is that the rows highlighted become unhighlighted if the user scrolls too far. Although increasing the buffer helps, it doesn't solve ...
Vicky's user avatar
  • 145
2 votes
0 answers
492 views

My use case is that I am using List component of react-virtualised for building a log container to render the logs in the reverse order. Working We fetches the logs in batches. Initially we are ...
Abhijeet Mishra's user avatar
  • 21

1
2 3 4 5
…
11