antd Table拖动列宽调整。

antd的Table组件支持拖动列宽调整的功能，这可以通过Table组件的`onHeaderRow`属性来实现。`onHeaderRow`属性允许用户对表头行进行自定义。具体步骤如下：

1. 使用`onHeaderRow`属性添加一个方法，该方法会接收到一个对象参数，其中包含`index`和`path`属性，以及一个`column`对象数组。
2. 在这个方法中，返回一个`HeaderRow`对象，可以在该对象中使用`dragHandleProps`属性给表头添加拖动句柄。
3. `dragHandleProps`属性接受一个函数，该函数返回一个`span`元素，可以为其添加`class`属性来指定拖动手柄的样式。

以下是一个简单的代码示例：

import React from 'react';
import { Table } from 'antd';

const columns = [
  // ... 定义你的列 ...
];

const拽动列宽的表格组件 = () => (
  <Table
    columns={columns}
    onHeaderRow={(columnInfo, index) => ({
      dragHandleProps: () => ({
        // 给第一个表头添加拖动手柄
        className: index === 0 ? 'ant-table-drag-handle' : '',
      }),
    })}
  />
);

export default 拽动列宽的表格组件;

在CSS中，确保`.ant-table-drag-handle`类能够正确显示为拖动手柄的样式，通常可以使用Ant Design预设的样式类。