antd Table 拖拽改变列宽

107 阅读1分钟

关于antd Table 拖拽改变列宽的几种实现方式调研:

一、zhuanlan.zhihu.com/p/641898740 (推荐)

       这个组件使用简单,效果完美,但要注意columns里要给需要拖拽的列固定宽度width,否则拖拽不生效,更要注意,要留至少一个列不给宽度,否则当每列宽度之和小于表格宽度时,拖动光标会闪动。官方文档

二、mmdctjj.github.io/raetable/co…  (比较推荐)

        类似antd-pro 里的pro-table,自带搜索功能,使用比较简单,提供功能比较全,唯一限制是拖拽作用区域是在列的右下角尖头,不是列的边框。

三、developer.aliyun.com/article/129…

基本实现功能,但需要进行边界判断。

四、ant.design/components/…

       官方英文文档下有对应demo(中文文档上没有),本人实验后没有效果,5.27.4版本官网上是有效果的,可能版本不匹配吧。