CellActivateDetail

Fired when a cell is activated by user interaction (Enter key or click). Unified event for both keyboard and pointer activation.

Example

grid.on('cell-activate', ({ row, field, value, trigger, cellEl }, event) => {
  if (trigger === 'keyboard') {
    console.log('Activated via Enter key');
  } else {
    console.log('Activated via click/tap');
  }

  // Start custom editing for specific columns
  if (field === 'notes') {
    event.preventDefault(); // Prevent default editing
    openNotesEditor(row, cellEl);
  }
});

Properties

Property	Type	Description
rowIndex	number	Zero-based row index of the activated cell.
colIndex	number	Zero-based column index of the activated cell.
field	string	Field name of the activated column.
value	unknown	Cell value at the activated position.
row	TRow	Full row data object.
cellEl	HTMLElement	The activated cell element.
trigger	CellActivateTrigger	What triggered the activation.
originalEvent	MouseEvent | PointerEvent | KeyboardEvent	The original event (KeyboardEvent for keyboard, MouseEvent/PointerEvent for pointer).

See Also

• CellClickDetail for click-only events
• CellActivateTrigger for trigger types