要自定义AgGrid中的列大小调整图标，可以使用CSS和AgGrid提供的columnDefs API。首先，在columnDefs中声明你想要在调整大小时显示的自定义HTML元素，然后使用以下CSS样式将该元素应用于AgGrid中默认的调整大小图标。

在columnDefs中添加以下内容：

colDefs = [ { headerName: 'Column Name', field : 'field', resizable: true, minWidth: 100, maxWidth: 300, cellStyle: { display: 'flex', alignItems: 'center', justifyContent: 'space-between' }, headerComponentFramework: CustomHeaderComponent, headerComponentParams: { menuIcon: 'fa-bars', sortIcon: 'fa-sort', resizeIcon: '' } } ];

接下来，在CSS中创建一个自定义'custom-resize-icon”类，并将其应用于AgGrid中默认的调整大小图标：

.custom-resize-icon { background-image: url('../customResizeIcon.svg'); background-repeat: no-repeat; background-position: center; width: 16px; height: 16px; }

现在，调整大小图标将被替换为自定义图标。

此解决方案需要提供自定义Resize图标的.svg文件，并将其链接到CSS样式表中。您还需要创建一个自定义组件，在CustomHeaderComponent中声明使用为' custom-resize-icon”。

以下是完整的CustomHeaderComponent代码示例：

import { Component } from '@angular/core';

@Component({ selector: 'app-custom-header-component', template:

export class CustomHeaderComponent {

params: any;

constructor() { }

agInit(params: any): void { this.params = params; }

showMenu(event