SuperAPI AI 工具集

tanstack-lit-table-create-table-hook

通用与其它

查看项目

更新于 10-16 00:02

技能介绍

用途:在 @tanstack/lit-table 中通过 createTableHook 建立应用级表格抽象层,封装特性插件、行模型工厂、默认选项、行 ID 与共享渲染约定,供多个表格复用。

主要能力:用 tableFeatures 绑定 rowSortingFeature 等特性与 createSortedRowModel 等行模型;返回 createAppColumnHelper、useAppTable、useTableContext。前者定义应用列,useAppTable 接收 host 与选项创建表格,useTableContext 让自定义元素直接消费表格上下文,避免属性透传,且保留工厂的特性与数据类型。可为真实约定注册共享单元格/表头函数,经 table.AppCell、table.AppHeader 渲染。

使用方式:在 LitElement 中把 host 存入局部变量,将 useAppTable(host, options, selector) 作为字段初始化一次,渲染时调用返回的 table() 函数;工厂只放共享特性与默认值,每个表格的列、数据与受控状态传给 useAppTable。如需 API 细节,查看 node_modules/@tanstack/lit-table/dist/createTableHook.d.ts,以实际安装实现为准。

限制与提示:单一孤立表格不应使用工厂,直接使用 TableController 更简单;不要每次渲染重新创建 useAppTable;不要假设存在 JSX 适配器的组件 API。该技能建立在 table-core 及本包的 getting-started、table-state 技能之上。完整示例请参考维护中的 composable-tables 示例,具体收费、平台等信息暂未提供。