---
title: "Column Events Reference"
framework: vue
version: "36.1.0"
---

# Column Events Reference

See [Column Event Guidance](https://www.ag-grid.com/vue-data-grid/column-interface/#column-events) for important details about working with column events.

### Events on Column

| Property | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| `filterChanged` | `ColumnEvent` |  |  | The filter value has changed. |
| `filterActiveChanged` | `ColumnEvent` |  |  | The filter active value has changed. |
| `sortChanged` | `ColumnEvent` |  |  | The sort value has changed. |
| `leftChanged` | `ColumnEvent` |  |  | The left position has changed (e.g. column has moved). |
| `lastLeftPinnedChanged` | `ColumnEvent` |  |  | The column is now, or is no longer, the last column pinned to the left. |
| `firstRightPinnedChanged` | `ColumnEvent` |  |  | The column is now, or is no longer, the first column pinned to the right. |
| `movingChanged` | `ColumnEvent` |  |  | The column has started / finished moving (i.e. user is dragging the column to a new location). |
| `widthChanged` | `ColumnEvent` |  |  | The width value has changed. |
| `visibleChanged` | `ColumnEvent` |  |  | The visibility value has changed. |
| `headerHighlightChanged` | `ColumnEvent` |  |  | The header is now, or is no longer, highlighted. |
| `colDefChanged` | `ColumnEvent` |  |  | The column definition has changed. |
| `headerNameChanged` | `ColumnEvent` |  |  | The header name has changed. |
| `formulaRefChanged` | `ColumnEvent` |  |  | The formula reference has changed. |
| `menuVisibleChanged` | `ColumnEvent` |  |  | The column menu was shown / hidden. |
| `columnRowGroupChanged` | `ColumnEvent` |  |  | The row group value has changed. |
| `columnPivotChanged` | `ColumnEvent` |  |  | The pivot value has changed. |
| `columnValueChanged` | `ColumnEvent` |  |  | The 'value' value has changed. |
| `columnStateUpdated` | `ColumnEvent` |  |  | The column state has been updated. |