在 Material UI v5 中覆盖 TableRow 的选定颜色?

时间:2021-07-04 07:39:16

标签: reactjs material-ui react-typescript react-tsx

如何在 MaterialUI v5 中覆盖所选 TableRow 的背景颜色?

到目前为止我尝试过:

let theme = createTheme({
  palette: {
    primary: {
      light: '#63ccff',
      main: '#009be5',
      dark: '#006db3',
    },
  },
  typography: {
    h5: {
      fontWeight: 500,
      fontSize: 26,
      letterSpacing: 0.5,
    },
  },
  shape: {
    borderRadius: 8,
  },
  components: {
    MuiTab: {
      defaultProps: {
        disableRipple: true,
      },
    },
  },
  mixins: {
    toolbar: {
      minHeight: 48,
    },
  },
});

theme = {
  ...theme,
  components: {
    MuiTableRow: {
      styleOverrides: {
        selected: {
          backgroundColor: "red"
        }
      }
    },
  }
};

但它仍然是蓝色的。

我的表以这个 example 为模型。

0 个答案:

没有答案