与表反应可排序

Question

我正在尝试将react-sortable-hoc与bulma tables一起使用，因此SortableItem将是tr。问题是：要使表行在bulma中获得样式，它需要具有某个父类table的类table的元素。尝试移动tr时，由于它刚放置在body元素的末尾，因此它不再具有table-parent，所有样式都将丢失并且该行崩溃。

我该如何解决？我看到其他拖放库（不是特定于反应的）通过本质上将元素截图并移动img来解决此类问题……如果我能够精确地控制tr附加到正文。如果我无法使用react-sortable-hoc解决这个问题，是否还有另一个轻量级的dnd-react-library可以做到这一点？预先感谢您的帮助。

Answer 1

最后，我可以使用提供的事件（updateBeforeSortStart和onSortStart）的组合来解决此问题。 方法如下：

1. 获取updateBeforeStart中的节点，并使用window.getComputedStyle保存其所有子节点的样式
2. 在onSortStart中，获取该行（其硬编码为document.querySelector(body > tr:last-of-type)，这有点难看，并将样式应用于所有子项

这是here的概述，并由我稍加修改。