在ag-grid中收听标题更改

var columnDefs = [
  { headerName: '姓名', field: 'name' },
  { headerName: '年龄', field: 'age' },
  { headerName: '性别', field: 'gender' }
];

gridOptions.api.addEventListener('columnVisible', function(event) {
  console.log('标题可见性更改:', event.column.getColDef().headerName);
});

gridOptions.api.addEventListener('columnMoved', function(event) {
  console.log('标题位置更改:', event.column.getColDef().headerName);
});

gridOptions.api.addEventListener('columnVisible', function(event) {
  var columnName = event.column.getColDef().headerName;
  var isVisible = event.column.isVisible();
  
  // 更新UI或执行其他操作
  // ...
  
  // 调用相关的API
  // ...
});