tanstack-lit-table-migrate-v8-to-v9
TanStack Lit Table 从 v8 迁移到 v9 的完整破坏性变更参考,涵盖 TableController 构造、显式 features 与 row-model 槽位、selected/atom 状态、FlexRender 等迁移要点。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-27 00:15
11,187 个结果
TanStack Lit Table 从 v8 迁移到 v9 的完整破坏性变更参考,涵盖 TableController 构造、显式 features 与 row-model 槽位、selected/atom 状态、FlexRender 等迁移要点。
TanStack Lit Table 的状态管理技能,讲解 TableController 如何协调 table.state、atoms/store、subscribe 选择器与受控响应式属性,帮助在 Lit 组件中正确读写、订阅和重置表格状态。
该技能介绍如何在 Lit 中结合 @tanstack/lit-table 与 @tanstack/lit-virtual,对表格最终行模型或列模型进行虚拟化渲染,包含 VirtualizerController 用法、滚动容器、稳定列定义与常见错误。
基于 @tanstack/react-table 的 createTableHook 技能,用于为多个 React 表格建立共享的工厂式复用基础设施,绑定特性、默认值与组件注册表。
将 TanStack React Table v9 实例接入 Devtools 的技能,通过 tableDevtoolsPlugin 与 useTanStackTableDevtools 在开发环境注册并调试表格,适用于缺少 Table 面板或注册生命周期异常时参考。
组合 TanStack React Table v9 与 TanStack Query 的技能,用于服务端筛选、排序、分页与无限数据。把查询键与表格状态对齐,使用 manual* 处理模式。
该技能介绍如何用 TanStack Virtual 虚拟化 TanStack React Table 的最终行或列模型,包含 useVirtualizer 计数、滚动元素、稳定键与 data-index 测量等用法,并列出常见错误与修正方式。
TanStack Solid Table v9 入门技能:用 createTable、显式 tableFeatures、响应式 data getter 与 Solid JSX/FlexRender 搭建无头表格,强调特征定义保持静态。
面向 @tanstack/solid-table 的 v8 到 v9 迁移技能,提供创建表格、显式特性注册、行模型槽位、Solid 响应式 getter、atom 状态、类型与 API 重命名等完整迁移清单与步骤。
TanStack Table 的 Solid 适配状态管理技能:讲解在 JSX、createMemo、createEffect 等被追踪作用域中读取原子状态,用 Solid 信号或外部 TanStack Store 原子管理状态切片,并说明状态归属、初始化与重置方式。
该技能讲解如何在 Solid 中把 Solid Query 的响应式查询选项与 Solid Table 的服务端手动处理模式组合使用,让 Query 负责远程数据、Table 接收已处理好的行,涵盖追踪查询键信号、用 getter 暴露查询结果、服务端行数等模式。
该技能讲解如何在 Solid 中把 TanStack Table 的最终行模型与 TanStack Virtual 结合,实现行/列虚拟化与无限查询数据滚动,涵盖 createVirtualizer 配置、响应式 count、滚动容器、稳定 key、动态测量及常见错误。
基于 @tanstack/svelte-table 的 createTableHook,用于在 Svelte 中定义可复用的 createAppTable 与 createAppColumnHelper,集中共享 features、默认值与上下文,适用于多个表格复用同一套约定的场景。
面向 Svelte 5 的 TanStack Table v9 入门技能,讲解用 createTable、显式 tableFeatures、rune 数据 getter、FlexRender 构建无头表格,并列出常见错误与 API 查阅方式。
TanStack Svelte Table 从 v8 迁移到 v9 的完整破坏性变更参考,涵盖 Svelte 5 前置要求、createTable 重命名、显式 features 与行模型槽位、atom/rune 状态、渲染方式及类型迁移。
TanStack Svelte Table 的状态管理技能,讲解 Svelte 5 rune 感知的 table atoms、store、$derived 投影、响应式选项 getter、受控 $state 与 createTableState 切片,以及外部 atom 的用法与状态归属选择。
该技能说明如何在 Svelte 中把 TanStack Svelte Query 与 TanStack Svelte Table 组合使用,实现手动分页、排序与过滤:用响应式查询输入、查询结果 getter、服务端总数,并保持 Query 作为服务端数据所有者。
该技能讲解如何在 Svelte 中把 TanStack Table 的最终行/列模型与 TanStack Virtual 结合做虚拟滚动,涵盖响应式计数、稳定键、动态测量、绝对定位与粘性区域等要点,并列出常见错误与正确写法。
TanStack Table Core 的单元格区域选择技能,基于 cellSelectionFeature 实现矩形区域的选中、添加与排除。选择状态是按顺序记录的矩形操作日志,每个矩形由行列 id 标识的两个角点定义,支持拖拽、Shift 扩展和 Ctrl/Cmd 修饰键。
TanStack Table v9 技能:判断筛选、分组、排序、展开与分页应由客户端还是服务端处理,涵盖 manual* 标志、混合流水线与常见错误。
TanStack Table Core 的列分面(column faceting)技能,用于构建分面筛选 UI。基于 columnFacetingFeature、facetedRowModel、facetedUniqueValues 与 facetedMinMaxValues,提供唯一值计数和数值范围,供离散控件与数值区间筛选使用。
面向 TanStack Table v9 的列固定技能,使用 columnPinningFeature 将列划分到 start、center、end 逻辑区域,并由渲染层自行实现 sticky 样式,支持 RTL、z-index 与背景处理。
TanStack Table Core 的列宽调整技能,用于接入 columnResizingFeature、表头调整手柄与鼠标/触摸事件,并配合 CSS 变量实现高性能列宽更新。
TanStack Table Core 的列宽尺寸技能,讲解 columnSizingFeature 的数值化尺寸状态与 getSize、getStart、getAfter、getTotalSize 等 API,并说明如何把模型尺寸映射到表格、网格或 flex CSS 布局。