DragSortTable
排序采用的react-sortable-hoc,需要提供rowKey
来确定数据的唯一值,否则不能正常工作。暂不支持request
请求的数据进行排序,可将request
请求的数据存起来通过dataSource
传入。
排序 | 姓名 | 年龄 | 地址 |
---|---|---|---|
John Brown | 32 | New York No. 1 Lake Park | |
Jim Green | 42 | London No. 1 Lake Park | |
Joe Black | 32 | Sidney No. 1 Lake Park |
排序 | 姓名 | 年龄 | 地址 |
---|---|---|---|
自定义Render[John Brown-0] | John Brown | 32 | New York No. 1 Lake Park |
自定义Render[Jim Green-1] | Jim Green | 42 | London No. 1 Lake Park |
自定义Render[Joe Black-2] | Joe Black | 32 | Sidney No. 1 Lake Park |
排序 | 姓名 | 年龄 | 地址 |
---|---|---|---|
1 - John Brown | John Brown | 32 | New York No. 1 Lake Park |
2 - Jim Green | Jim Green | 42 | London No. 1 Lake Park |
3 - Joe Black | Joe Black | 32 | Sidney No. 1 Lake Park |
属性 | 描述 | 类型 | 默认值 |
---|---|---|---|
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 | - |