Using this with react-virtualized Grid
See original GitHub issueFirst of all - this looks like an awesome project, thank you for that!
I want to use it with react-virtualized’s Grid where the rows are sortable. I cannot use the List as I have multiple columns and I cannot use it with the Table because I have too many columns and therefore need horizontal scrolling.
The issue that I am facing is that the Grid does not have a rowRenderer
callback as the Table or List has (it only has cellRenderer
and cellRenderer
), thus I don’t know what to wrap the SortableElement
around. Do you have any ideas or have you seen any examples of this usage?
Issue Analytics
- State:
- Created 6 years ago
- Reactions:4
- Comments:5
Top Results From Across the Web
react-virtualized/Grid.md at master - GitHub
This is an advanced property. It is useful for situations where the Grid requires additional, overlayed UI (such as a Gantt chart or...
Read more >React-Virtualized Grid Example - CodeSandbox
CodeSandbox is an online editor tailored for web applications.
Read more >react-virtualized
Collection; Grid; List; Masonry; Table ... The list below is windowed (or "virtualized") meaning that only the visible rows are ... Use dynamic...
Read more >Optimize Your Code by using React Virtualized…
Grid. It renders tabular data along the vertical and horizontal axes. · List. It renders a list of elements using a Grid component...
Read more >How to design editable grid using react-virtualized
I have taken the example from the demo page of react-virtualized. Sadly It doesn't show the actual implemenation part.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I’ll update this by mentioning that I’ve got this to work by implementing a
cellRangeRenderer
callback on the grid https://github.com/bvaughn/react-virtualized/blob/master/docs/Grid.mdI think it would be awesome with an example on this lib that shows that.
Here’s my implementation (rowCellRangeRenderer.tsx) which needs to be updated to do better caching of the rows:
@kraenhansen, thanks for sharing your
rowCellRangeRenderer
implementation. Can you also share how you tie it all together? How do you integrateGrid
withSortableContainer
,SortableElement
?