reactjs - 如何设置 react-admin Datagrid 标题的样式？

Question

我试着关注 https://marmelab.com/react-admin/Theming.html#writing-a-custom-theme如下设置 Datagrid 标题的样式(使用粗体样式):

const myTheme = createMuiTheme({
  overrides: {
    Datagrid: {
      header: {
        fontWeight: 'bold',
      }
    }
  }
})

const App = () => (
  <Admin theme={myTheme}>
    // ...
  </Admin>
);

但是，上面的代码不起作用。

这段代码有什么问题？有什么想法可以改变所有 Datagrid 实例的标题样式吗？

谢谢，

Answer 1

最后我设法将 react-admin Datagrid 的标题设置为如下样式:

const myTheme = createMuiTheme({
  overrides:{
    MuiTableRow: {
      head: {
        backgroundColor: 'lightgray',
        "& > th ": {
          color: 'black',
          fontWeight: 'bold',
        }
      },
    }
  }
})

const App = () => (
  <Admin theme={myTheme}>
    // ...
  </Admin>
);