TanStack 表格 v8

自动

框架

版本

菜单

开始

核心指南

功能指南

核心 API

功能 API

企业版

AG Grid
核心

示例

TanStack 表格 v8

自动

框架

版本

菜单

开始

核心指南

功能指南

核心 API

功能 API

企业版

AG Grid
核心

示例

在此页上

单元格 API

这些是所有单元格的核心选项和 API 属性。更多选项和 API 属性可用于其他表格功能。

单元格 API

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

id

tsx

id: string

id: string

整个表格中单元格的唯一 ID。

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
}

返回基于单元格的组件（如单元格和聚合单元格）的渲染上下文（或 props）。将这些 props 与您框架的 flexRender 实用程序一起使用，以使用您选择的模板渲染它们

tsx

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

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

在 GitHub 上编辑

我们的合作伙伴

AG Grid

订阅 Bytes

您的每周 JavaScript 新闻。每周一免费发送给超过 100,000 名开发者。

订阅 Bytes

您的每周 JavaScript 新闻。每周一免费发送给超过 100,000 名开发者。