Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Question] : Migration from react-virtualized with custom cellRangeRenderer

See original GitHub issue

Hi, I tried to migrate from react-virtualized to react-window but I have a problem to figure out the best way to handle “expandable row” (like here).

I use a Grid with custom a cellRangeRenderer with react-virtualized to dynamically add the expandable component.

Issue Analytics

State:
Created 5 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

2reactions

Julienngcommented, Feb 5, 2019

Thanks for the example, i make it works with Grid of react-virtualized and a custom cellRangeRenderer to wrap all column inside the same div and calculate the size / position of all element (column, expand, break, aggregate by break, etc) correctly. I want to migrate some day to react-window but it works pretty good right now for my use case. Thanks anyway for the example, it could be useful !

0reactions

carlosagsmendescommented, Feb 5, 2019

@Julienng there’s a working example of expandable rows

Top Results From Across the Web

Missing props on RowRendererParams - Stack Overflow

We're currently working on a table powered by React Virtualized and using TypeScript. At the moment we're looking at making a custom row...

Windowing wars: React-virtualized vs. react-window

Question 1: Do you need windowing? Both react-window and react-virtualized are libraries for windowing. Windowing (aka virtualizing) is ...

How To Render Your Lists Faster With React Virtualization

Imagine you want to render a massive list of tweets generated every minute. You fetch an enormous amount of data(probably in JSON) and...

Cells remounting while scrolling a virtualized Grid - Telerik

The other reason is that if there is any stateful logic in the cell they will re-render with wrong information as React will...

Optimize Your Code by using React Virtualized…

Open the Developer tools panel. · Press Command+Shift+P (Mac) or Control+Shift+P (Windows, Linux) to open the Command Menu. · Start typing Rendering in...