diff --git a/README.md b/README.md index e64245386..6c9437d86 100644 --- a/README.md +++ b/README.md @@ -37,7 +37,16 @@ Version 3 has been released! You can read about the [updates here](https://githu `npm install mui-datatables --save` -If your project doesn't already use them, you need to install `@material-ui/core` and `@material-ui/icons` as well. +If your project doesn't already use them, you need to install `@mui/material`, `@mui/icons-material` as well. + +## Compatibility + +| mui-datatables | material-ui | Required Dependencies | +|----------------|-------------|------------------------------------------------------| +| ^2.0.0 | ^3.0.0 | `@material-ui/core`,`@material-ui/icons` | +| ^3.0.0 | ^4.10.0 | `@material-ui/core`,`@material-ui/icons` | +| ^3.8.0 | ^4.12.0 | `@material-ui/core`,`@material-ui/icons` | +| ^4.0.0 | ^5.0.0 | `@mui/material`,`@mui/icons-material`, `@mui/styles` | ## Demo @@ -45,15 +54,6 @@ If your project doesn't already use them, you need to install `@material-ui/core Browse live demos of all examples in this repo in [here](https://codesandbox.io/s/github/gregnb/mui-datatables)! -## compatibility - -| mui-datatables | material | -| ------------- | ------------- | -| ^2.0.0 | ^3.0.0 | -| ^3.0.0 | ^4.10.0 | -| ^3.8.0 | ^4.12.0 | -| ^4.0.0 | ^5.0.0 | - ## Usage For a simple table: @@ -367,10 +367,12 @@ import { createTheme, ThemeProvider } from '@material-ui/core/styles'; class BodyCellExample extends React.Component { getMuiTheme = () => createTheme({ - overrides: { + components: { MUIDataTableBodyCell: { - root: { - backgroundColor: "#FF0000" + styleOverrides:{ + root: { + backgroundColor: "#FF0000" + } } } }