正在打开每日关注
正在打开每日关注
以 TanStack Table、shadcn/ui 等组合,提供可复制的 React 数据表筛选、排序与无限滚动方案。
btw, https://t.co/75UbgTyDHr is now running on TanStack Table v9 https://t.co/ztMWGxEoYT
@mxkaske @base_ui do you also have plans to update that to TanStack Table V9? Looks to still be on V8?
是什么 这条推文宣布 data-table.openstatus.dev 已运行在 TanStack Table v9;引用推文追问 base_ui 是否仍停留在 v8。页面背后的 data-table-filters 被定位为可复制的 playbook,而不是封装好的组件库,开发者通过 shadcn CLI 直接获得代码。 核心设计 方案将 TanStack Table 的无头逻辑与 shadcn/ui 组合,状态可选 nuqs 的 URL 同步或 zustand 的客户端管理;能力覆盖筛选、排序、行选择、分页、无限滚动、虚拟化和列固定,并用 Drizzle ORM、TanStack Query 支撑服务端筛选与增量加载。 关键洞察 重点不是新增一套黑盒 API,而是把高频表格能力拆成可按需组合的实现模式,并以 Infinite Data-Table、Default Data-Table 等示例降低起步成本;AI agent skill 与 MCP server 把项目结构理解和数据查询纳入工作流。 边界与风险 直接拥有代码可减少锁定和包体负担,但升级、性能、交互一致性以及实际数据的权限边界仍由项目负责。README 未提供完整基准、权限模型或 v9 迁移细节,示例不应被视为普适生产方案。