Denis Denis - 1 year ago 219
React JSX Question

How to drag-n-drop TableHeaderColumn from material UI with react-dnd?

How to apply drag-n-drop functionality from react-dnd library to TableHeaderColumn component from material ui

The problem is react-dnd does not support custom tags and suggests to wrap TableHeaderColumn in div but material ui does not allow to wrap table component in any tag :(

I can't find any examples by this theme

Answer Source

And the answer is - there are no way to do it with react-dnd, at least for this moment. So I've ended up using react-sortable-hoc which works as expected in pair with material UI table elements.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download