在Ag-Grid中，如果想要在单元格内的按钮点击事件起作用，可以使用cellRenderer或cellRendererFramework来自定义单元格的渲染器。下面是一个示例代码，展示了如何在Ag-Grid中实现这一点：

1. 首先，需要定义一个自定义的渲染器组件，该组件包含一个按钮，并且在按钮点击时触发相应的事件。

// CustomButtonRenderer.js

import React from "react";

class CustomButtonRenderer extends React.Component {
  handleClick = () => {
    // 在按钮点击时触发相应的事件
    this.props.onClick(this.props.data);
  };

  render() {
    return (
      
        {this.props.value}
      
    );
  }
}

export default CustomButtonRenderer;

2. 接下来，在Ag-Grid的列定义中，将渲染器设置为自定义的渲染器组件。

// App.js

import React from "react";
import { AgGridReact } from "ag-grid-react";
import CustomButtonRenderer from "./CustomButtonRenderer";

class App extends React.Component {
  state = {
    columnDefs: [
      { headerName: "Name", field: "name" },
      { headerName: "Action", 
        cellRendererFramework: CustomButtonRenderer, // 设置渲染器为自定义按钮组件
        cellRendererParams: {
          onClick: this.handleButtonClick // 将按钮点击事件传递给自定义按钮组件
        }
      }
    ],
    rowData: [
      { name: "John" },
      { name: "Jane" },
      { name: "Mike" }
    ]
  };

  handleButtonClick = (data) => {
    // 在按钮点击事件处理方法中处理点击逻辑
    console.log("Button clicked for", data.name);
  };

  render() {
    return (
      

        
      
    );
  }
}

export default App;

在上述代码中，我们定义了一个名为"Action"的列，并将其渲染器设置为CustomButtonRenderer组件。在CustomButtonRenderer组件中，我们定义了一个handleClick方法，在按钮点击时触发onClick事件，并将相应的数据传递给handleButtonClick方法进行处理。handleButtonClick方法可以在App组件中定义，用于处理按钮点击事件的逻辑。

通过以上步骤，可以在Ag-Grid中实现在单元格内的按钮点击事件起作用。