CellClickDetail

Detail for a cell click event. Provides full context about the clicked cell including row data.

Example

grid.on('cell-click', ({ row, field, value, rowIndex, colIndex }) => {
  console.log(`Clicked ${field} = ${value} in row ${rowIndex}`);

  // Access the full row data
  if (row.status === 'pending') {
    showApprovalDialog(row);
  }
});

Properties

Property	Type	Description
rowIndex	number	Zero-based row index of the clicked cell.
colIndex	number	Zero-based column index of the clicked cell.
column	ColumnConfig<TRow>	Column configuration object for the clicked cell.
field	string	Field name of the clicked column.
value	unknown	Cell value at the clicked position.
row	TRow	Full row data object.
cellEl	HTMLElement	The clicked cell element.
originalEvent	MouseEvent	The original mouse event.