Cell-APIs

Dies sind die zentralen Optionen und API-Eigenschaften für alle Zellen. Weitere Optionen und API-Eigenschaften sind für andere Tabellenfunktionen verfügbar.

Alle Zellobjekte haben die folgenden Eigenschaften

id: string

id: string

Die eindeutige ID für die Zelle über die gesamte Tabelle hinweg.

getValue: () => any

getValue: () => any

Gibt den Wert für die Zelle zurück, der über den Accessor-Schlüssel oder die Accessor-Funktion der zugehörigen Spalte abgerufen wird.

renderValue: () => any

renderValue: () => any

Rendert den Wert für eine Zelle, ähnlich wie getValue, gibt jedoch den renderFallbackValue zurück, wenn kein Wert gefunden wird.

row: Row<TData>

row: Row<TData>

Das zugehörige Zeilenobjekt für die Zelle.

column: Column<TData>

column: Column<TData>

Das zugehörige Spaltenobjekt für die Zelle.

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
}

Gibt den Rendering-Kontext (oder Props) für zellbasierte Komponenten wie Zellen und aggregierte Zellen zurück. Verwenden Sie diese Props mit dem flexRender-Dienstprogramm Ihres Frameworks, um diese mit der Vorlage Ihrer Wahl zu rendern.

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

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