TanStack Table v8

Auto

框架

版本

菜单

入门指南

核心指南

功能指南

核心 API

功能 API

企业版

AG Grid
core

示例

TanStack Table v8

Auto

框架

版本

菜单

入门指南

核心指南

功能指南

核心 API

功能 API

企业版

AG Grid
core

示例

本页内容

单元格

以下是所有单元格的核心选项和 API 属性。更多选项和 API 属性可在其他表格功能中找到。

单元格 API

所有单元格对象都具有以下属性：

id

tsx

id: string

id: string

该单元格在整个表格中的唯一标识符。

getValue

tsx

getValue: () => any

getValue: () => any

通过关联列的访问器键或访问器函数获取单元格的值并返回。

renderValue

tsx

renderValue: () => any

renderValue: () => any

与 getValue 相同的方式渲染单元格的值，但如果未找到值，则会返回 renderFallbackValue。

row

tsx

row: Row<TData>

row: Row<TData>

该单元格关联的行对象。

column

tsx

column: Column<TData>

column: Column<TData>

该单元格关联的列对象。

getContext

tsx

getContext: () => {
  table: Table<TData>
  column: Column<TData, TValue>
  row: Row<TData>
  cell: Cell<TData, TValue>
  getValue: <TTValue = TValue,>() => TTValue
  renderValue: <TTValue = TValue,>() => TTValue | null
}

getContext: () => {
  table: Table<TData>
  column: Column<TData, TValue>
  row: Row<TData>
  cell: Cell<TData, TValue>
  getValue: <TTValue = TValue,>() => TTValue
  renderValue: <TTValue = TValue,>() => TTValue | null
}

返回基于单元格的组件（如单元格和聚合单元格）的渲染上下文（或属性）。使用这些属性配合您框架的 flexRender 工具函数，按需渲染模板：

tsx

flexRender(cell.column.columnDef.cell, cell.getContext())

flexRender(cell.column.columnDef.cell, cell.getContext())

Our Partners

AG Grid

为客户端和全栈 React 应用提供强大的路由器。完全类型安全的 API，用于在 URL 中管理状态的一流搜索参数，以及与现有 React 生态系统的无缝集成。

控制应用程序中交互的节奏。限制函数触发的频率，或通过并发控制智能地排队长时间运行的任务。

Subscribe to Bytes

Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.

Subscribe to Bytes

Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.