# RowClickDetail

> _Since v1.0.0_

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

#### Example

```typescript
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` | <code>number</code> | Zero-based row index of the clicked row. |
| `row` | <code>TRow</code> | Full row data object. |
| `rowEl` | <code>HTMLElement</code> | The clicked row element. |
| `originalEvent` | <code>MouseEvent</code> | The original mouse event. |