SuperAPI AI 工具集

tanstack-solid-table-create-table-hook

部署与运维

查看项目

更新于 10-16 00:02

技能介绍

用途:在 @tanstack/solid-table 中,当多个表格共享同一套策略(特性、默认值、组件注册)时,用 createTableHook 建立可复用的表格基础设施;一次性表格仍应使用 createTable。

主要能力:工厂返回 createAppColumnHelper、createAppTable、useTableContext。可在工厂中统一配置 features(如 tableFeatures({ rowSelectionFeature }))与 getRowId。绑定的 column helper 支持类型推断,例如 createAppColumnHelper<Person>() 后调用 helper.columns([helper.accessor('name', { header: 'Name' })])。

使用方式:从 @tanstack/solid-table 导入 createTableHook、rowSelectionFeature、tableFeatures,调用 createTableHook 并导出返回项。创建表格时用 createAppTable({ columns, get data() { return data() } }),通过 getter 保留 Solid 响应式追踪。渲染时使用工厂返回的包装组件,如 <table.AppTable>{() => <RowCount />}</table.AppTable>,上下文钩子必须在对应包装组件内运行,避免逐层传参。

限制与常见错误:不要为一次性表格做抽象,工厂应编码重复约定而非增加仪式;不要传入 data() 快照,否则丢失响应式;不要在包装组件之外读取上下文。精确返回名称、组件绑定、上下文提供者与响应式选项合并方式,可查看 node_modules/@tanstack/solid-table/dist/createTableHook.d.ts。该技能建立在 table-core 的 core、getting-started 与 table-state 之上。