antd可伸缩列实现优化

问题描述：

为了向用户展示更丰富的数据，更多的内容，需在展示的列表页中设置列宽可随意拖动。antd官网提供了列宽可拖动的示例，经测试原示例并不好用，且使用有限制，列宽拖拽响应很慢，拖动时会造成其它列宽比较大的变化，针对内容较多的列并不能做到随着列宽的变化，内容也相应增减。

antd现可伸缩列问题展示

1. antd官网示例，当列宽拖动到比内容小时，内容将会出现换行，将行高度撑开

2.  Antd官网示例，先拖动Type列，再拖动Amount列时列宽不再变化

 

 3. Antd官网示例，单元格内容不会自适应列宽显示

 解决方案：

为了使用户使用方便，内容随列宽变化而增减，对antd原示例做了部分修改。以下为具体实现步骤：

1.下载拖拽组件”react-resizable”

下载组件react-resizable
npm install react-resizable