组件导航

Table

表格 · TanStack headless + 列排序 + 空态


王丽	user1@hulian.dev	管理员
李杰	user2@hulian.dev	编辑
张刚	user3@hulian.dev	访客
刘强	user4@hulian.dev	管理员
陈娟	user5@hulian.dev	编辑
杨桂英	user6@hulian.dev	访客
赵磊	user7@hulian.dev	管理员
黄涛	user8@hulian.dev	编辑

全状态


王丽	user1@hulian.dev	管理员
李杰	user2@hulian.dev	编辑
张刚	user3@hulian.dev	访客
刘强	user4@hulian.dev	管理员
陈娟	user5@hulian.dev	编辑
杨桂英	user6@hulian.dev	访客
赵磊	user7@hulian.dev	管理员
黄涛	user8@hulian.dev	编辑

可排序（点表头切换）


	王丽	user1@hulian.dev	管理员
	李杰	user2@hulian.dev	编辑
	张刚	user3@hulian.dev	访客
	刘强	user4@hulian.dev	管理员
	陈娟	user5@hulian.dev	编辑
	杨桂英	user6@hulian.dev	访客
	赵磊	user7@hulian.dev	管理员
	黄涛	user8@hulian.dev	编辑

行选择（全选 + 单选）


王丽	user1@hulian.dev	管理员
李杰	user2@hulian.dev	编辑
张刚	user3@hulian.dev	访客
刘强	user4@hulian.dev	管理员
陈娟	user5@hulian.dev	编辑
杨桂英	user6@hulian.dev	访客
赵磊	user7@hulian.dev	管理员
黄涛	user8@hulian.dev	编辑

列筛选（meta.filterable）

				操作
王丽	user1@hulian.dev	管理员	u0001
李杰	user2@hulian.dev	编辑	u0002
张刚	user3@hulian.dev	访客	u0003
刘强	user4@hulian.dev	管理员	u0004
陈娟	user5@hulian.dev	编辑	u0005
杨桂英	user6@hulian.dev	访客	u0006
赵磊	user7@hulian.dev	管理员	u0007
黄涛	user8@hulian.dev	编辑	u0008

固定列（左首列 / 右操作列·横滚试试）


	王丽	user1@hulian.dev	管理员
	李杰	user2@hulian.dev	编辑
	张刚	user3@hulian.dev	访客
	刘强	user4@hulian.dev	管理员
	陈娟	user5@hulian.dev	编辑
	杨桂英	user6@hulian.dev	访客
	赵磊	user7@hulian.dev	管理员
	黄涛	user8@hulian.dev	编辑

可展开明细


	林总	CEO

树形（getSubRows）

虚拟滚动（200 行·固定高容器）

姓名	邮箱	角色
王丽	user1@hulian.dev	管理员
李杰	user2@hulian.dev	编辑
张刚	user3@hulian.dev	访客
刘强	user4@hulian.dev	管理员
陈娟	user5@hulian.dev	编辑
杨桂英	user6@hulian.dev	访客
赵磊	user7@hulian.dev	管理员
黄涛	user8@hulian.dev	编辑

不可排序


暂无数据

空数据

Playground

可排序斑马纹


王丽	user1@hulian.dev	管理员
李杰	user2@hulian.dev	编辑
张刚	user3@hulian.dev	访客
刘强	user4@hulian.dev	管理员
陈娟	user5@hulian.dev	编辑
杨桂英	user6@hulian.dev	访客
赵磊	user7@hulian.dev	管理员
黄涛	user8@hulian.dev	编辑

<Table
  columns={columns}
  data={users}
  enableSorting={true}
  striped={true}
/>