用途:该技能用于在 Octane 框架中创建 @tanstack/octane-table v9 表格,建立在 @tanstack/table-core 的 core 与 table-features 之上。适配器发布的是作者编写的 TypeScript 与 TSRX,因此使用方应用必须用 Octane 的集成来编译。
主要能力与用法:通过 useTable、tableFeatures、createColumnHelper 定义特性与列,并用 useState 提供数据。示例中 features 为 tableFeatures({}),columns 由 helper.columns([helper.accessor('name', { header: 'Name' })]) 生成,再调用 useTable({ features, columns, data })。应用需在 vite.config.ts 中用 octane() 配置,并把 TSRX 编译器的 JSX import source 设为 octane。
核心模式:只注册需要的插件,例如 rowSortingFeature 与 createSortedRowModel();features 与列定义应保持模块级稳定,仅在确实依赖组件状态时用 useMemo;非字符串或数字的文本插值用 String(value)。渲染适配器辅助函数时以组件形式使用,如 <table.FlexRender cell={cell} />,以保留数字(含 0)、描述符和 Octane 组件函数,并让 Octane 建立正确的组件作用域。
常见错误:不要从其他框架适配器导入 useTable(如 @tanstack/react-table),应使用 @tanstack/octane-table;不要把 TSRX 当作 React JSX,Octane 组件体写作 function PeopleTable() @{ ... };不要在渲染中重建静态输入,避免新的 features 与列标识导致多余工作。表格行、表头与单元格建议使用带 key 的 @for 循环。
API 查找:先查看 node_modules/@tanstack/octane-table/src/index.d.ts,再看具体的 *.tsrx.d.ts 附属文件与 types.ts,并沿核心导出进入已安装的 @tanstack/table-core/dist/。
限制:资料未提供该技能的收费、价格、平台支持范围或效果数据,暂未提供。