要收集ag-Grid表头点击事件，可以使用ag-Grid提供的onGridReady事件和columnDefs属性中的headerComponent参数。

首先，在HTML模板中，使用ag-Grid组件，并为它绑定onGridReady事件：

然后，在组件的代码中定义onGridReady方法，并在该方法中注册表头点击事件的回调函数：

import { Component } from '@angular/core';
import { GridOptions } from 'ag-grid-community';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  columnDefs = [
    {
      headerName: 'Make',
      field: 'make',
      sortable: true,
      headerComponentParams: {
        onClick: this.onHeaderClick.bind(this, 'Make')
      }
    },
    {
      headerName: 'Model',
      field: 'model',
      sortable: true,
      headerComponentParams: {
        onClick: this.onHeaderClick.bind(this, 'Model')
      }
    },
    {
      headerName: 'Price',
      field: 'price',
      sortable: true,
      headerComponentParams: {
        onClick: this.onHeaderClick.bind(this, 'Price')
      }
    }
  ];

  rowData = [
    { make: 'Toyota', model: 'Celica', price: 35000 },
    { make: 'Ford', model: 'Mondeo', price: 32000 },
    { make: 'Porsche', model: 'Boxster', price: 72000 }
  ];

  onGridReady(params: GridOptions) {
    params.api.setHeaderHeight(45); // 可选，设置表头高度
  }

  onHeaderClick(columnName: string) {
    console.log(`Header clicked: ${columnName}`);
  }
}

在columnDefs属性中，为每个列定义headerComponentParams参数，并将其设置为一个对象，其中onClick属性绑定到onHeaderClick方法。这样，每次点击表头时，onHeaderClick方法都会被调用，并打印出被点击的表头名称。

请注意，这里使用了bind方法，以确保在调用onHeaderClick方法时保持正确的上下文。如果不使用bind方法，this关键字将指向undefined。

通过这种方式，您可以收集ag-Grid表头点击事件。