ag-grid :如何在标题显示中将两列显示为单列？

var columnDefs = [
  { headerName: 'Column A', field: 'a' },
  { headerName: 'Column B', field: 'b' },
  // 其他列定义...
];

var columnDefs = [
  {
    headerName: 'Merged Column',
    children: [
      { headerName: 'Column A', field: 'a' },
      { headerName: 'Column B', field: 'b' },
    ],
    headerGroupComponent: 'customHeaderGroupComponent',
  },
  // 其他列定义...
];

// 自定义标题组件
function CustomHeaderGroupComponent() {}

CustomHeaderGroupComponent.prototype.init = function(params) {
  // 创建标题组件的DOM元素
  this.eGui = document.createElement('div');
  this.eGui.innerHTML = '<span class="merged-column-title">Merged Column</span>';

  // 注册列的事件处理程序
  params.displayName.forEach(function(displayName, index) {
    var column = params.columns[index];
    var columnHeader = document.createElement('div');
    columnHeader.innerHTML = displayName;

    // 点击标题时，应触发该列的排序功能
    columnHeader.addEventListener('click', function() {
      column.setSort('asc');
      params.api.onSortChanged();
    });

    this.eGui.appendChild(columnHeader);
  }, this);
};

CustomHeaderGroupComponent.prototype.getGui = function() {
  return this.eGui;
};

gridOptions.components = {
  customHeaderGroupComponent: CustomHeaderGroupComponent,
};