在ag-Grid中，可以通过自定义单元格渲染器来实现自定义工具提示。以下是一个示例：

1. 创建一个自定义的单元格渲染器组件，例如CustomTooltipRendererComponent。

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

@Component({
  selector: "app-custom-tooltip-renderer",
  template: `
    

      {{ params.value }}
    
  `,
})
export class CustomTooltipRendererComponent {
  params: any;

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

2. 在GridModule中注册此自定义组件。

import { NgModule } from "@angular/core";
import { AgGridModule } from "ag-grid-angular";
import { CustomTooltipRendererComponent } from "./custom-tooltip-renderer.component";

@NgModule({
  declarations: [CustomTooltipRendererComponent],
  imports: [AgGridModule.withComponents([CustomTooltipRendererComponent])],
})
export class GridModule {}

3. 在列定义中使用自定义渲染器。

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

@Component({
  selector: "app-grid",
  template: `
    
  `,
})
export class GridComponent {
  rowData = [
    { id: 1, name: "John Doe", age: 25 },
    { id: 2, name: "Jane Smith", age: 30 },
  ];

  columnDefs = [
    { headerName: "ID", field: "id", width: 100 },
    { headerName: "Name", field: "name", width: 200 },
    { headerName: "Age", field: "age", width: 100, cellRendererFramework: CustomTooltipRendererComponent },
  ];
}

在上面的示例中，CustomTooltipRendererComponent是一个自定义的单元格渲染器组件，它将单元格值显示为工具提示。然后，通过将CustomTooltipRendererComponent注册到AgGridModule中，并在列定义中使用cellRendererFramework属性来指定使用该自定义渲染器。