Using react-sortable-hoc with react-virtualized Grid

Question

I want to use react-sortable-hoc 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.

I would appreciate any ideas or examples of this usage?

did you find any solution? – Robert Key Jan 22 '18 at 10:07 — Robert Key, Jan 22 '18 at 10:07

score 2 · Accepted Answer · answered Jan 22 '18 at 14:59

2

I ended up implementing this as a cellRangeRenderer - see my comment on this GitHub issue: https://github.com/clauderic/react-sortable-hoc/issues/295#issuecomment-344070823

answered Jan 22 '18 at 14:59

kraenhansen

1,535
2
15
26

Thanks for sharing your `rowCellRangeRenderer` implementation. Can you also share how you tie it all together? How do you integrate `Grid` with `SortableContainer`, `SortableElement`? – Hristo Mar 02 '18 at 21:33

Using react-sortable-hoc with react-virtualized Grid

1 Answers1

Linked