antd table可拖拽列

Ant Design Table组件（简称antd Table）提供了一种灵活的方式来实现列的拖拽排序功能。这个特性允许用户通过鼠标操作将表格中的列拖动到新的位置，通常配合`columns`属性中的`draggable`标志以及`onColumnDragEnd`事件处理函数。

以下是实现步骤：

1. **配置列:** 在`columns`数组中设置`draggable`属性为`true`，表示该列可以被拖动。

   const columns = [
     {
       title: '标题',
       dataIndex: 'dataIndex',
       draggable: true,
     },
     ...其他列
   ];

2. **监听事件**: 当列被拖动完成后，会触发`onColumnDragEnd`事件，你可以在这个事件处理函数中更新列的顺序。

   onColumnDragEnd={this.handleColumnsDragEnd}

   handleColumnsDragEnd({ oldProps, newProps }) {
     this.setState({
       sortedColumns: [...this.state.sortedColumns.filter(col => col !== oldProps), newProps]
     });
   }

`sortedColumns`保存了当前排序后的列信息。

3. **更新视图**: 使用`setState`更新表格的`columns`状态，使其反映最新的列排列。

**注意事项：**
- 这个功能依赖于浏览器的拖放API，因此需要确保目标环境支持。
- 拖拽过程中可能会有一些兼容性和交互细节需要调整，比如禁用默认行为、处理列合并等。