Lzh on GitHub

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

单元格 API (Cell API)

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

id

id: string

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

getValue

getValue: () => any

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

renderValue

renderValue: () => any

渲染单元格的值,与 getValue 相同,但如果未找到值,将返回 renderFallbackValue

row

row: Row<TData>

单元格关联的 Row 对象。

column

column: Column<TData>

单元格关联的 Column 对象。

getContext

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 工具一起使用,以你选择的模板进行渲染:

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