要解决AgGrid自定义表头过滤器不显示的问题，可以按照以下步骤进行：

1. 确保正确导入AgGrid模块和所需的组件：

import { AgGridReact } from 'ag-grid-react';
import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-alpine.css';

2. 在表格列定义中为需要过滤的列设置filterFramework属性为自定义过滤器组件：

const columnDefs = [
  { headerName: 'Column 1', field: 'column1', filterFramework: CustomFilterComponent },
  // 其他列定义...
];

3. 创建自定义过滤器组件CustomFilterComponent，并确保正确导入所需的模块和组件：

import React, { Component } from 'react';

class CustomFilterComponent extends Component {
  constructor(props) {
    super(props);
    // 组件初始化代码...
  }

  // 组件渲染代码...

  render() {
    // 自定义过滤器组件的渲染代码...
  }
}

export default CustomFilterComponent;

4. 在自定义过滤器组件中，确保正确实现agInit和onFilterChanged方法：

class CustomFilterComponent extends Component {
  // ...

  agInit(params) {
    // 初始化过滤器参数...
  }

  onFilterChanged() {
    // 过滤器变化时的处理代码...
  }

  // ...
}

5. 在表格组件中，确保正确设置frameworkComponents属性，将自定义过滤器组件注册到AgGridReact组件中：

6. 确保自定义过滤器组件的样式正确导入和设置。

通过以上步骤，您应该能够解决AgGrid自定义表头过滤器不显示的问题。请注意，代码示例中的部分代码可能需要根据您的具体需求进行调整。