SuperAPI AI 工具集

table-builder

前端与建站

查看项目

更新于 10-16 03:17

技能介绍

用途:Table Builder 用于生成可直接用于生产环境的数据表格模式,核心基于 TanStack Table,覆盖排序、筛选、分页与搜索等常见需求。

主要能力:支持列配置(含类型定义与自定义单元格渲染)、服务端或客户端渲染模式选择、排序、筛选、分页、搜索、行操作(编辑、删除、查看)、空状态与错误视图、加载骨架屏与 suspense,以及移动端响应式(堆叠列或横向滚动)。

使用方式:先定义列配置(ColumnDef),再选择服务端或客户端渲染模式,然后添加排序、筛选、分页、搜索等功能,并补充行操作、空状态与加载状态。客户端实现使用 useReactTable 配合 getCoreRowModel、getPaginationRowModel、getSortedRowModel、getFilteredRowModel 等模型;服务端模式通过 fetch 请求 /api/users 等接口并传入 page、pageSize、sortBy、sortOrder、search 参数。分页组件提供每页行数选择与上一页/下一页按钮。

适用场景:适合需要展示和管理结构化数据的后台界面,如用户列表、订单列表等。

限制:资料未提供安装命令、依赖版本、收费与价格信息;具体实现依赖 TanStack Table 及相应 UI 组件库,需自行准备。