antd中的table如何用Resizable实现可拖拽列，样式需引入

在Ant Design (antd) 中，Table组件有一个名为`Column`的属性，可以配置列的可拖拽功能。要实现列的可拖拽，你需要使用`Resizable`这个第三方插件。以下是基本步骤：

首先，需要安装`antd-resizable`库：

npm install @ant-design/resizable

然后，在项目中导入`Resizable`和相关的样式：

import { Table, Resizable } from 'antd';
import 'antd/dist/antd.css'; // 引入Ant Design全局样式
import 'antd-resizable/dist/index.css'; // 引入Resizable样式

接下来，在`Column`配置里添加`Resizable`支持：

const columns = [
  {
    title: '标题',
    dataIndex: 'name',
    key: 'name',
    width: 150,
    resizable: {
      enable: true, // 开启列拖动
      minSize: 80, // 设置最小列宽
      handleClassName: 'your-custom-handle-class-name', // 自定义鼠标悬停图标样式
    },
  },
  ...其他列配置...
];

注意：`handleClassName`属性允许你自定义拖拽把手的CSS类名，你可以根据需求调整样式。

最后，确保在你的App或其他组件中包含`Table`组件，并传递`columns`数组给它：

<Table columns={columns} data={yourData} />