要更改Ag-Grid中自定义工具提示的位置，你可以使用Ag-Grid提供的cellRendererParams属性来自定义工具提示的显示位置。

以下是一个示例代码，演示如何将工具提示显示在单元格的左上角：

1. 首先，定义一个自定义的工具提示组件。在这个组件中，我们将通过this.params来获取单元格的位置，并设置工具提示的位置为左上角。

import React, { Component } from 'react';

class CustomTooltip extends Component {
  render() {
    const { value, api } = this.params;
    const { top, left } = api.getBoundingClientRect();

    const tooltipStyle = {
      position: 'absolute',
      top: `${top}px`,
      left: `${left}px`,
    };

    return (
      

        {value}
      
    );
  }
}

2. 在Ag-Grid中，使用cellRendererParams属性并指定自定义的工具提示组件。在这个示例中，我们将使用React作为底层框架。

import React from 'react';
import { AgGridReact } from 'ag-grid-react';

import CustomTooltip from './CustomTooltip';

const columns = [
  { headerName: 'Name', field: 'name', cellRendererParams: { component: CustomTooltip } },
  { headerName: 'Age', field: 'age', cellRendererParams: { component: CustomTooltip } },
  // 其他列...
];

const data = [
  { name: 'John Doe', age: 25 },
  { name: 'Jane Smith', age: 30 },
  // 其他数据...
];

function App() {
  return (
    

      
    
  );
}

在上面的代码中，我们将cellRendererParams属性设置为一个包含component属性的对象，该属性指定了我们自定义的工具提示组件。

这样，Ag-Grid将使用我们自定义的组件来渲染单元格，并将params对象作为属性传递给我们的组件。我们可以从params对象中获取单元格的位置，并根据需要自定义工具提示的位置。

请注意，上面的代码仅适用于使用React和Ag-Grid React库的情况。如果你在使用不同的框架或库，你需要根据自己的情况进行相应的更改。