自动

框架

版本

菜单

入门

核心指南

功能指南

核心 API

功能 API

企业版

AG Grid
核心

示例

自动

框架

版本

菜单

入门

核心指南

功能指南

核心 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 上编辑

我们的合作伙伴

Code Rabbit

AG Grid

订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。

订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。