Mui 数据表分页问题

Question

我目前正在开发一个项目，我从 CoinMarketCap API 获取数据并显示在 MUI 数据表（更确切地说是 StickyHeader 数据表）中，但我一直遇到文本颜色问题。我试图将文本和图标的颜色从黑色变为白色（因为我的背景是黑色），但我一直遇到问题。

我尝试给它一个类并给该类一个颜色：#fff 属性，但不起作用。 我尝试过通过 style={{color: #fff}} 直接将其放入代码中。 我尝试过通过 makeStyles() 来做到这一点。

import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles({
  root: {
    '& .MuiPaginationItem-root': {
      color: 'white',
    },
  },
});

Answer 1

尝试使用“@mui/material/styles”中的createTheme

这是代码。在 theme.tsx 文件中使用

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

export const Theme = createTheme({
  components: {
      MuiPaginationItem:{
         styleOverrides: {
          root: {
             color:"white"
            }
           }
       }
    }
  })