DragSortTable - 拖动排序表格

DragSortTable排序采用的react-sortable-hoc,需要提供rowKey来确定数据的唯一值,否则不能正常工作。暂不支持request请求的数据进行排序,可将request请求的数据存起来通过dataSource传入。

Demo

拖拽排序

拖拽排序
排序姓名年龄地址
John Brown32New York No. 1 Lake Park
Jim Green42London No. 1 Lake Park
Joe Black32Sidney No. 1 Lake Park

拖拽排序编辑表格

拖拽排序(默认把手)
排序姓名年龄地址
自定义Render[John Brown-0]
John Brown32New York No. 1 Lake Park
自定义Render[Jim Green-1]
Jim Green42London No. 1 Lake Park
自定义Render[Joe Black-2]
Joe Black32Sidney No. 1 Lake Park
拖拽排序(自定义把手)
排序姓名年龄地址
 1 - John Brown
John Brown32New York No. 1 Lake Park
 2 - Jim Green
Jim Green42London No. 1 Lake Park
 3 - Joe Black
Joe Black32Sidney No. 1 Lake Park

API

属性描述类型默认值
dragSortKey如配置此参数,则会在该 key 对应的行显示拖拽排序把手,允许拖拽排序any-
dragSortHandlerRender渲染自定义拖动排序把手的函数 如配置了 dragSortKey 但未配置此参数,则使用默认把手图标(rowData: T, idx: number) => React.ReactNode<MenuOutlined className="dragSortDefaultHandle" style={{ cursor: 'grab', color: '#999' }} />
onDragSortEnd拖动排序完成回调(newDataSource: T[]) => Promise<void> | void-