Skip to content

Latest commit

 

History

History
40 lines (27 loc) · 689 Bytes

可拖拽排序列表实现方案.md

File metadata and controls

40 lines (27 loc) · 689 Bytes

拖拽排序列表/表格

业务需求

  1. 表格:表格场景应该是最常用的场景
  2. 列表:可能出现的场景,不一定有

实现

实现一个可排序的列表,然后再列表的外层封装,实现一个简单的表格

  1. 每一行组件渲染自定义
  2. 通过行模拟表格

api

rowKey

获取每行的key的函数

const rowKey = (record: T, index: number) => void

render

渲染每行数据

const render = (key: string|number, record: T, index: number ) => JSX.Element

disabled

是否禁用,禁用每行的拖拽功能

const disabled = (record: T, index: number) => boolean

不支持