RowClickDetail

Detail for a row click event. Provides context about the clicked row.

Example

grid.on('row-click', ({ row, rowIndex, rowEl }) => {
  console.log(`Clicked row ${rowIndex}: ${row.name}`);

  // Highlight the row
  rowEl.classList.add('selected');

  // Open detail panel
  showDetailPanel(row);
});

Properties

Property	Type	Description
rowIndex	number	Zero-based row index of the clicked row.
row	TRow	Full row data object.
rowEl	HTMLElement	The clicked row element.
originalEvent	MouseEvent	The original mouse event.