# DataChangeDetail

> _Since v1.25.0_

Detail for the `data-change` event.

Fired whenever the grid's row data changes — including new data assignment,
row insertion/removal, and in-place mutations via `updateRow()`.

Use this to keep external UI in sync with the grid's current data state
(row counts, summaries, charts, etc.).

#### Example

```typescript
grid.on('data-change', ({ rowCount, sourceRowCount }) => {
  console.log(`${rowCount} rows visible of ${sourceRowCount} total`);
});
```

## Properties

| Property | Type | Description |
| -------- | ---- | ----------- |
| `rowCount` | <code>number</code> | Number of visible (processed) rows |
| `sourceRowCount` | <code>number</code> | Total number of source rows (before filtering/grouping) |

## See Also

- [`DataGridEventMap`](/grid/api/core/interfaces/datagrideventmap.md) for all event types