TanStack
Table
v8
Search
菜单
首页
GitHub
适配器
React 表格
Solid 表格
Svelte 表格
Vue 表格
原生 JS/TS
指南
介绍
概述
安装
迁移到 V8
列定义
表格
行
表头
单元格
特性
列排序
列固定
列尺寸
列可见性
过滤器
排序
分组
展开
分页
行选择
核心 API
列定义
表格
列
表头组
表头
行
单元格
特性 API
列排序
列固定
列尺寸
列可见性
过滤器
排序
分组
展开
分页
行选择
React 示例
基础
列分组
列排序
列排序 (拖放)
列固定
列尺寸
列可见性
可编辑数据
展开
子组件
过滤器
完全受控
分组
分页
受控分页
行拖放
行选择
排序
虚拟行
虚拟无限滚动
厨房水槽
Solid 示例
基础
列分组
列排序
列可见性
排序
Svelte 示例
基础
列分组
列排序
列固定
列可见性
排序
Vue 示例
基础
列排序
列固定
分页
排序
CSS/Layout 示例
Solid Bootstrap
React Bootstrap
React MUI Pagination
React 全宽度
React 全宽度可调整大小
TanStack
Table
v8
Search
菜单
首页
GitHub
适配器
React 表格
Solid 表格
Svelte 表格
Vue 表格
原生 JS/TS
指南
介绍
概述
安装
迁移到 V8
列定义
表格
行
表头
单元格
特性
列排序
列固定
列尺寸
列可见性
过滤器
排序
分组
展开
分页
行选择
核心 API
列定义
表格
列
表头组
表头
行
单元格
特性 API
列排序
列固定
列尺寸
列可见性
过滤器
排序
分组
展开
分页
行选择
React 示例
基础
列分组
列排序
列排序 (拖放)
列固定
列尺寸
列可见性
可编辑数据
展开
子组件
过滤器
完全受控
分组
分页
受控分页
行拖放
行选择
排序
虚拟行
虚拟无限滚动
厨房水槽
Solid 示例
基础
列分组
列排序
列可见性
排序
Svelte 示例
基础
列分组
列排序
列固定
列可见性
排序
Vue 示例
基础
列排序
列固定
分页
排序
CSS/Layout 示例
Solid Bootstrap
React Bootstrap
React MUI Pagination
React 全宽度
React 全宽度可调整大小
过滤器
示例
想要直接查看实现代码?请查看以下示例:
过滤器
(包括分面)
可编辑数据
展开
分组
分页
行选择
API
过滤器 API
概述
过滤器有两种类型:
列过滤器
应用于单个列的访问器值的过滤器。
存储在
state.columnFilters
数组中,作为包含列ID和过滤器值的对象。
全局过滤器
应用于所有或部分列的访问器值的单个过滤器值。
存储在
state.globalFilter
数组中,通常是一个字符串。
在 GitHub 上编辑此页
列可见性
排序