如何使Ag-Grid单元格文本(而不是整个单元格)具有click事件

// 定义cellRenderer函数
function customCellRenderer(params) {
  // 创建一个<a>元素，并为其添加click事件监听器
  const linkElement = document.createElement('a');
  linkElement.textContent = params.value;
  linkElement.addEventListener('click', () => {
    // 处理click事件的逻辑
    console.log('单元格文本被点击了！');
  });

  // 返回生成的HTML元素
  return linkElement;
}

// 在columnDefs中使用cellRenderer属性
const columnDefs = [
  {
    headerName: '单元格文本',
    field: 'text',
    cellRenderer: customCellRenderer,
  },
  // 其他列定义...
];

// 创建Ag-Grid实例并传入columnDefs等配置
new agGrid.Grid(gridDiv, { columnDefs, ... });

// 创建一个自定义的React组件
class CustomCellRenderer extends React.Component {
  handleClick = () => {
    // 处理click事件的逻辑
    console.log('单元格文本被点击了！');
  };

  render() {
    return (
      <a onClick={this.handleClick}>
        {this.props.value}
      </a>
    );
  }
}

// 在columnDefs中使用cellRendererFramework属性
const columnDefs = [
  {
    headerName: '单元格文本',
    field: 'text',
    cellRendererFramework: CustomCellRenderer,
  },
  // 其他列定义...
];

// 创建Ag-Grid实例并传入columnDefs等配置
new agGrid.Grid(gridDiv, { columnDefs, ... });