Skip to main content

APIs de Celdas

Estas son opciones centrales y propiedades de API para todas las celdas. Hay más opciones y propiedades de API disponibles para otras características de la tabla.

API de Celda​

Todos los objetos de celda tienen las siguientes propiedades:

id​

id: string;

El ID único para la celda en toda la tabla.

getValue​

getValue: () => any;

Devuelve el valor para la celda, accedido a través de la clave de acceso o función de acceso de la columna asociada.

renderValue​

renderValue: () => any;

Renderiza el valor para una celda de la misma manera que getValue, pero devolverá renderFallbackValue si no se encuentra ningún valor.

row​

row: Row<TData>;

El objeto Row asociado para la celda.

column​

column: Column<TData>;

El objeto Column asociado para la celda.

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;
};

Devuelve el contexto de renderizado (o props) para componentes basados en celdas, como celdas y celdas agregadas. Usa estas props con la utilidad flexRender de tu framework para renderizarlas usando la plantilla de tu elección:

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