具有可调整大小的列和拖放列的 Ant Design Table 示例?

Mr.*_*bot 4 reactjs antd

我正在尝试在Ant Design 的 Table 组件中实现可调整大小和拖放列。

我已经让它们独立工作,但不能让它们同时工作而没有错误或错误。我需要能够拖动列边框并水平调整其大小,并且还能够单击列标题并将其拖放。

我正在寻找与此表的功能类似的这些功能: https: //www.ag-grid.com/example.php

我尝试使用react-resizing来实现它以调整大小的列,并使用react-sortable-hocreact-drag-listview来实现拖放列顺序。

使用react-drag-listview,最新的问题是我必须在使用一项功能时禁用另一项功能,在 Firefox 中,这会导致错误:

未捕获的类型错误:target.parentNode

我找不到这两个功能与 Ant D 表一起使用的任何示例,但我确信一定可以使它们同时工作。

TIA

Cha*_*rei 7

使用文档中的 antd 表可调整大小的列代码启动它,然后您可以集成react-drag-listview库以使列可拖动。有了这些,您就可以实现可调整大小的列同时可以通过拖放进行排序。请参阅下面的链接以供参考。

表格列拖放可排序且可调整大小