React可拖动排序表格
2017-12-25 23:53
274 查看
前段时间项目需求一个可拖动排序的表格,最近要改样式,差点忘记是怎么实现的了。所以在这里记录一下,也和大家分享一下。
里面已经给了示例代码,支持行拖动排序,也支持列拖动,照着示例代码写就可以了,不过样式需要自己去调整。
拖动的排序是用React-DnD实现的,这个还没仔细去看,先记录一下。
网站里还有Tree树形空间的拖动控件,支持拖动分类。不过还是推荐使用Ant Design的组件,封装的更好,使用起来更简单。,
里面还有很多其他的组件,都很不错。底部还有很多其他方面的,比如图表AntV,或者是设计好的Ant Design Pro。
今天是圣诞节,npm有一个没在文档上说明的命令:
组件地址: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:
相关文章推荐
- javaspript基础,表格排序和js拖动
- 用鼠标拖动表格进行排序
- js拖动表格排序
- jQuery实现表格拖动排序
- javascript实现的拖动表格行排序
- 记一个react拖动排序中的坑:key
- 用鼠标拖动表格进行排序.
- java + jquery-ui.sortable.js插件实现表格拖动排序
- DHTMLX中对dhtmlxgrid表格行的置顶置底功能,以及拖动排序功能的实现
- DHTMLX中对dhtmlxgrid表格行的置顶置底操作,以及拖动排序功能的实现
- javascript---表格表头排序,拖动.
- js表格拖动排序
- 和大家分享表格拖动替换内容以及排序的效果(大牛勿喷)
- 鼠标拖动表格进行排序
- 和大家分享表格拖动替换内容以及排序的效果(大牛勿喷)
- 和大家分享表格拖动替换内容以及排序的效果(大牛勿喷)
- javascript实现的拖动表格行排序
- 利用dhtmlxGrid做的表格排序的功能。
- android viewpager指示器管理,拖动排序,添加删除动画
- RecyclerView 下拉刷新 加载更多 左滑删除 拖动排序