在 Ag-Grid 中，可以使用自定义的模态框来展示数据。以下是一个使用 Ag-Grid 和 React 创建模态框的示例代码：

import React, { useState } from 'react';
import { 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 ModalExample = () => {
  const [rowData, setRowData] = useState([]);
  const [showModal, setShowModal] = useState(false);

  const columnDefs = [
    { headerName: 'Make', field: 'make' },
    { headerName: 'Model', field: 'model' },
    { headerName: 'Price', field: 'price' },
  ];

  const onGridReady = (params) => {
    params.api.sizeColumnsToFit();
  };

  const openModal = () => {
    setShowModal(true);
  };

  const closeModal = () => {
    setShowModal(false);
  };

  return (
    

      Open Modal
      

        

          ×
          
Modal Example
          
This is a modal content.
        
      
      

        
      
    
  );
};

export default ModalExample;

上述代码中，我们使用了 Ag-Grid 的 React 组件来展示数据。模态框部分使用了一个简单的 CSS 样式来实现基本功能。点击 "Open Modal" 按钮时，会显示模态框，点击模态框上的 "X" 按钮或其他地方则会关闭模态框。

请注意，上述代码中的模态框样式是简单的示例，你可以根据自己的需求进行自定义修改。