React可拖动排序表格
来源:互联网 发布:东莞网站关键词优化 编辑:程序博客网 时间:2024/05/21 22:25
前段时间项目需求一个可拖动排序的表格,最近要改样式,差点忘记是怎么实现的了。所以在这里记录一下,也和大家分享一下。
组件地址:https://reactabular.js.org/#/drag-and-drop
里面已经给了示例代码,支持行拖动排序,也支持列拖动,照着示例代码写就可以了,不过样式需要自己去调整。
拖动的排序是用React-DnD实现的,这个还没仔细去看,先记录一下。
React-DnD:http://react-dnd.github.io/react-dnd/
网站里还有Tree树形空间的拖动控件,支持拖动分类。不过还是推荐使用Ant Design的组件,封装的更好,使用起来更简单。,
Ant Design:https://ant.design/index-cn
里面还有很多其他的组件,都很不错。底部还有很多其他方面的,比如图表AntV,或者是设计好的Ant Design Pro。
今天是圣诞节,npm有一个没在文档上说明的命令:npm xmas
:
阅读全文