# CellClickDetail

> _Since v1.0.0_

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

#### Example

```typescript
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` | <code>number</code> | Zero-based row index of the clicked cell. |
| `colIndex` | <code>number</code> | Zero-based column index of the clicked cell. |
| `column` | <code><a href="/grid/api/core/interfaces/columnconfig/">ColumnConfig</a>&lt;TRow&gt;</code> | Column configuration object for the clicked cell. |
| `field` | <code>string</code> | Field name of the clicked column. |
| `value` | <code>unknown</code> | Cell value at the clicked position. |
| `row` | <code>TRow</code> | Full row data object. |
| `cellEl` | <code>HTMLElement</code> | The clicked cell element. |
| `originalEvent` | <code>MouseEvent</code> | The original mouse event. |