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

[Julienng]

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.

[bvaughn]

Hello! 😄

For this type of question, I suggest using Stack Overflow with a #react-window tag. Issues are reserved for bug reports and feature-requests.

This helps keep the project somewhat more maintainable for me _and_ hopefully gets you an answer faster (since more people check those places than monitor GitHub issues). 😄

You'll want to start off with either VariableSizeList or VariableSizeGrid. Also when you post, I suggest showing what you've tried (e.g. link to a Code Sandbox or something) rather than just asking an open ended question like this.

[Julienng]

Sorry, i saw the question label and throw it here without enough context (and example). Thanks for the advice !

[bvaughn]

No problem 😄

I don't mind helping with questions and all, but this one seems pretty open ended. Try narrowing it down first! 😁 Good luck!

[carlosagsmendes]

@Julienng there's a working example of expandable rows

[Julienng]

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 !