用途:本技能面向 TanStack Solid Table v9 的起步搭建,基于 @tanstack/table-core 的 core 与 table-features。Solid Table 提供响应式模型,但渲染与样式仍由应用自己负责,属于无头(headless)表格。
主要能力与用法:用 createTable 创建表格实例,显式传入 tableFeatures(...) 定义功能,用 createColumnHelper 声明列,用 Solid JSX 配合 table.FlexRender 渲染表头与单元格。示例中列定义形如 helper.accessor('name', { header: 'Name' })。
必要写法:数据等会变化的输入应通过 getter 暴露,例如在 createTable 中写 get data() { return data() },让适配器能跟踪之后的信号变化;features 等特征定义应保持静态,例如 const features = tableFeatures({ rowSortingFeature, sortedRowModel: createSortedRowModel() })。
常见错误:v9 不再使用 v8 的 createSolidTable({ data: data(), columns }),应改用 createTable 加显式 features 与响应式选项访问;不要把信号快照直接传入(data: data() 只读取一次);也不要期望 Table 组件自己渲染 UI,它不产出标记,表格语义、CSS 与交互需自行实现,渲染行时可使用 For each={table.getRowModel().rows}。
API 查阅:可查看 node_modules/@tanstack/solid-table/dist/index.d.ts,以及 createTable.d.ts、FlexRender.d.ts 和已安装的 core 功能目录。其余未提及的细节暂未提供。