React mui-datatables 4.2.2, как задать кастомный стиль?

Question

[zyanon]

Пытаюсь задать стиль для "mui-datatables": "^4.2.2" согласно документации:
https://www.npmjs.com/package/mui-datatables#custo...

import MUIDataTable from "mui-datatables";
import { createTheme, ThemeProvider } from '@material-ui/core/styles';
import { CacheProvider } from "@emotion/react";
import createCache from "@emotion/cache";

const muiCache = createCache({
	"key": "mui",
	"prepend": true
});

const XTable = ({columns, header, data}) => {
 const getMuiTheme = () => createTheme({
  components: {
    MUIDataTableBodyCell: {
      styleOverrides:{
        root: {
            backgroundColor: "#880000"
        }
      }
    }
  }
})

    return(
      <CacheProvider value={muiCache}>
        <ThemeProvider theme={getMuiTheme()}>
            <MUIDataTable 
              title={header} 
              data={data} 
              columns={columns} 
              options={options} 
            />
        </ThemeProvider>
      </CacheProvider>
    );
} 

export default XTable;

По итогу, стиль не применяется.
Возможно кто-нибудь сталкивался с такой проблемой и знает пути решения.

Comments

[Klein Maximus]

А какую версию mui Вы используете?

[zyanon]

"5.9.0". Проблему удалось решить:

const getMuiTheme = () =>
createTheme({
components: {
MuiTableCell: {
styleOverrides:{ root: {
padding: '8px',
backgroundColor: '#CDCAC6',
}}
},
}
});