Reactjs 同时具有可调整大小列和拖放列的Ant设计表示例？

我正在尝试在中实现可调整大小和拖放列

我有两个独立的工作，但不能使他们没有错误或错误的工作在同一时间。我需要能够在列边框上拖动并水平调整其大小，还需要能够在列标题上单击并拖放它

我希望这些功能与此表的功能相似：

我已经尝试用for resized columns和for drag and drop column order来实现它

对于react drag listview，最新的问题是在使用另一个功能时必须禁用一个功能，而在Firefox中，这会导致错误：

未捕获类型错误：target.parentNode

我找不到与Ant D表一起使用这两个特性的任何示例，但我确信必须能够使它们同时工作

---

TIA

从文档中的antd table可调整大小的列代码开始，然后您可以集成库以使列可拖动。有了这些，您可以实现一个可调整大小的列，同时可以通过拖放进行排序。请参阅下面的链接以供参考

---

从文档中的antd table可调整大小的列代码开始，然后您可以集成库以使列可拖动。有了这些，您可以实现一个可调整大小的列，同时可以通过拖放进行排序。请参阅下面的链接以供参考

---

谢谢，谢谢，这是一个很好的例子，我在其他地方都找不到！经过更多的游戏，虽然这是一个解决方案，但它有一个问题。在您的示例中，转到“性别”列并调整其大小，使其尽可能大，鼠标直接位于“年龄”上方。然后抬起鼠标键。用鼠标单击Age以选择并拖动它。当您拖动时，您将看到它不会拖动列标题单元格，而只拖动文本。我尝试了您所说的（我也在完整窗口中尝试了），但它对我有效。。也许你可以问另一个问题，关于这一点，也包括一些gif图像演示正在发生什么，这样我和其他人可以调试它。谢谢好的，谢谢，我会这么做的，如果能解决这个问题就太好了。我将把这个问题标记为答案，因为您提供了一个工作示例。谢谢！快乐编码：）谢谢，谢谢，这是一个很好的例子，我在其他任何地方都找不到！经过更多的游戏，虽然这是一个解决方案，但它有一个问题。在您的示例中，转到“性别”列并调整其大小，使其尽可能大，鼠标直接位于“年龄”上方。然后抬起鼠标键。用鼠标单击Age以选择并拖动它。当您拖动时，您将看到它不会拖动列标题单元格，而只拖动文本。我尝试了您所说的（我也在完整窗口中尝试了），但它对我有效。。也许你可以问另一个问题，关于这一点，也包括一些gif图像演示正在发生什么，这样我和其他人可以调试它。谢谢好的，谢谢，我会这么做的，如果能解决这个问题就太好了。我将把这个问题标记为答案，因为您提供了一个工作示例。谢谢！快乐编码：）