AfterCellRenderContext

Context passed to the afterCellRender plugin hook.

This provides efficient cell-level access without requiring DOM queries. Plugins receive this context for each cell as it’s rendered, enabling targeted modifications instead of post-render DOM traversal.

Example

afterCellRender(context: AfterCellRenderContext): void {
  if (this.isSelected(context.rowIndex, context.colIndex)) {
    context.cellElement.classList.add('selected');
  }
}

Properties

Property	Type	Description
row	TRow	The row data object
rowIndex	number	Zero-based row index in the visible rows array
column	ColumnConfig<TRow>	The column configuration
colIndex	number	Zero-based column index in the visible columns array
value	unknown	The cell value (row[column.field])
cellElement	HTMLElement	The cell DOM element - can be modified by the plugin
rowElement	HTMLElement	The row DOM element - for context, prefer using cellElement