javascript 更改React MUI GridToolbar的字体

1l5u6lss 于 2023-06-04 发布在 Java

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

如何更改GridToolbar的字体大小
https://mui.com/x/react-data-grid/components/#toolbar

<DataGrid
  {...data}
  components={{
    Toolbar: GridToolbar,
  }}
/>```

I tried
`sx={{
     '& .MuiDataGrid-gridToolbar': {
     fontSize: 20,
     },                                                      
}}`

JavaScript

来源：https://stackoverflow.com/questions/75404137/change-font-of-react-mui-gridtoolbar

1条答案

按热度按时间

wmomyfyw1#

你选错班了。MUI Data Grid Toolbar内部的组件实际上是按钮。因此，您需要针对MuiButton类来更改它们的字体大小。
您可以针对MuiIconButton-root或MuiButton-text类来更改字体大小。

import { DataGrid, GridToolbar } from "@mui/x-data-grid";          

<DataGrid
     {...data}
     components={{
       Toolbar: GridToolbar
     }}
     sx={{ "& .MuiButton-text": { fontSize: 20 } }}
  />

赞(0）回复(0）举报 2023-06-04

我来回答

javascript 更改React MUI GridToolbar的字体

1条答案

相关问题

热门标签

最新问答