react-antd-column-resize 实现 Ant Design 表格列宽拖动

当今的Web应用开发中，表格是一个非常常见且重要的组件。然而，许多开发者在使用表格组件时常常面临一个问题：如何让表格的列宽度可以拖动调整？

针对这个问题，我近期发现了一个非常实用的React组件：react-antd-column-resize。这是一个基于React Hooks开发的组件，专门用于实现Ant Design表格（table）的列宽度拖动调整功能。它不仅支持Ant Design 4和Ant Design 5，还适用于基于Ant Design开发的其他所有表格组件。

该组件的核心是一个自定义的Hooks：useAntdColumnResize。通过使用这个Hooks，你可以轻松地定义拖动调整列宽度的最小宽度、最大宽度和默认宽度。经过我测试，它可以与Ant Design官方文档中的表格示例完美配合使用。

安装这个组件非常简单，你只需要在命令行中运行以下命令：

npm install --save react-antd-column-resize

# 或者使用 yarn

yarn add react-antd-column-resize
1
2
3
4
5

在你的React组件中，你可以按照下面的代码示例来使用react-antd-column-resize：