MUI 对话框内的 AG Grid React 不应用样式答案

【问题标题】：AG Grid React Inside a MUI Dialog doesn't apply styleMUI 对话框内的 AG Grid React 不应用样式
【发布时间】：2022-11-23 13:32:34
【问题描述】：

MUI 对话框内的 AG Grid React 完美显示数据但不应用任何样式

进口

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

import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-material.css';

代码

 <Dialog open={open}
         TransitionComponent={Transition}
         keepMounted
         onClose={handleClose}>
                        <DialogTitle>{"Cart"}</DialogTitle>
                        <DialogContent style={{ height: 'auto' }}>
                            <div className="ag-material" style={{ height: "40vh", width: 
                                "60vh" }}>
                                <AgGridReact
                                    ref={cartGridRef}
                                    gridOptions={gridOptions}></AgGridReact>
                            </div>
                        </DialogContent>
                        <DialogActions>
                            <Button onClick={handleClose}>CLOSE</Button>
                            <Button onClick={handleClose}>CLEAR</Button>
                            <Button onClick={handleClose}>PLACE ORDER</Button>
                        </DialogActions>
                    </Dialog>

【问题讨论】：

标签： ag-grid ag-grid-react ag-grid-validation

【解决方案1】：

您需要将className="ag-material"更改为className="ag-theme-material"

【讨论】：