Skip to content

freewind-demos/typescript-react-antd-table-sort-column-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TypeScript React Antd 表格列排序演示

这个演示展示了如何在 Ant Design 的表格组件中实现列排序功能,并使用 TypeScript 确保类型安全。

功能特点:

  • 所有列都支持排序
  • 使用 TypeScript 实现类型安全
  • 针对不同数据类型实现自定义排序(字符串、数字)

运行演示:

pnpm install
pnpm start

技术要点:

  1. 使用 antd 的 ColumnsType 类型来定义类型安全的表格列
  2. 自定义 TableData 接口实现数据类型安全
  3. 实现不同数据类型的自定义排序:
    • 文本字段使用字符串比较
    • 金额字段使用数值比较

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published