[data grid] Unable to override default props/styling for Header about mui-x HOT 2 CLOSED

Hey @AdibChiguer this will probably not work for others, since the classes have generated unique identifiers. It is safer to use gridClasses.root instead:

sx={(theme) => ({
  [`&.${gridClasses.root}`]: {
    '--DataGrid-containerBackground':
      theme.palette.mode === 'dark' ? '#3e4396' : '#a4a9fc',
  },
})}

On a side note: you don't need the !important this way as well

from mui-x.

⚠️ This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@AdibChiguer: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.

from mui-x.