在angularJs中使用ag-grid在隐藏和显示列功能的基础上面临列标题问题

columnDefs: [
  { field: 'name', headerName: '姓名' },
  { field: 'age', headerName: '年龄' },
  { field: 'gender', headerName: '性别' },
  // 其他列定义...
]

gridOptions: {
  // 其他配置项...
  headerCellRenderer: function(params) {
    // 获取当前列的字段名
    var field = params.colDef.field;
    
    // 根据字段名获取对应的列定义
    var columnDef = params.columnApi.getColumn(field).getColDef();
    
    // 根据列定义判断该列是否隐藏
    var isHidden = columnDef.hide;
    
    // 根据列是否隐藏来动态生成标题
    var title = isHidden ? '' : columnDef.headerName;
    
    // 返回自定义的标题
    return title;
  }
}