在AgGrid中，要自定义无数据模板，可以使用frameworkComponents选项来定义一个自定义组件，然后在noRowsOverlayComponent属性中使用这个自定义组件。

以下是一个示例代码，演示如何自定义无数据模板：

import React from 'react';
import { AgGridColumn, AgGridReact } from 'ag-grid-react';
import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-alpine.css';

// 自定义无数据模板组件
const CustomNoRowsOverlay = () => {
  return (
    

      No data available
    
  );
};

const App = () => {
  // 在frameworkComponents中定义自定义组件
  const frameworkComponents = {
    customNoRowsOverlay: CustomNoRowsOverlay,
  };

  const rowData = [];

  return (
    

      
        
        
      
    
  );
};

export default App;

在上面的示例中，我们定义了一个CustomNoRowsOverlay组件作为自定义的无数据模板。然后，我们在frameworkComponents中将这个组件注册为customNoRowsOverlay。最后，在AgGridReact组件中，我们将customNoRowsOverlay作为noRowsOverlayComponent属性的值，来应用自定义的无数据模板。

请注意，这只是一个示例代码，你需要根据自己的项目环境和需求进行调整。