reactjs 如何为我的MUI数据网格自定义主题

jvlzgdj9 于 2023-10-17 发布在 React

关注(0)|答案(1)|浏览(115)

我有一个MUI Datagrid，我正在使用。我想应用一些样式表，它将用于所有地方的数据网格。
所以我试

components: {
    root: {
         "& .MuiDataGrid-cell": {
           fontSize: "18px",
          textOverflow: "ellipsis",
           whiteSpace: "pre",
         },
    },
  },

但没有人会去申请。我想适用于MUI的列应该有一个边框底部。但这并不适用。
我该如何解决此问题？

reactjs

来源：https://stackoverflow.com/questions/77286273/how-do-i-custom-theme-for-my-mui-data-grid

1条答案

按热度按时间

mqxuamgl1#

您可以使用MUI本身提供的styled功能。像这样跟着

import { styled } from '@mui/material/styles';

export const GridContainer = styled('div')`
  .MuiDataGrid-cell {
    font-size: 18px !important;
    text-overflow: ellipsis !important;
    white-space: pre !important;
  }
`;

然后使用<GridContainer> ... </GridContainer>

赞(0）回复(0）举报 2023-10-17

我来回答

reactjs 如何为我的MUI数据网格自定义主题

1条答案

相关问题

热门标签

最新问答