这个演示展示了如何在 Ant Design 的表格组件中实现列排序功能,并使用 TypeScript 确保类型安全。
功能特点:
- 所有列都支持排序
- 使用 TypeScript 实现类型安全
- 针对不同数据类型实现自定义排序(字符串、数字)
运行演示:
pnpm install
pnpm start
技术要点:
- 使用 antd 的
ColumnsType
类型来定义类型安全的表格列 - 自定义
TableData
接口实现数据类型安全 - 实现不同数据类型的自定义排序:
- 文本字段使用字符串比较
- 金额字段使用数值比较