Comments (2)
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.
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.
Related Issues (20)
- [data grid] Cannot use data grid with react testing library HOT 7
- [charts] Some axis props cannot be assigned with xAxis/yAxis HOT 2
- [Data Grid] Column groups - header hierarchy is announced incorrectly NVDA screen reader HOT 4
- [pickers] Add a prop for setting a default staring value for Time Picker HOT 2
- [datagrid] filter layout position HOT 3
- [data grid] `processRowUpdate` should give access to the `id` of the row when `getRowId()` is used HOT 1
- [data grid] Get rid of `dataRowIdToIdLookup`
- [data grid] Incorrect row width causing misaligned column headers when using custom footer HOT 4
- [fields] Arrow editing is allowed on a disabled field with `enableAccessibleFieldDOMStructure` property HOT 7
- [data grid] Did MUI X v7 break tree data children selection? HOT 1
- Footer pagination moves when appear / disappear the vertical scrollbar HOT 1
- [Tree View] SimpleTreeView keyboard navigation is broken with React 17 HOT 1
- [data grid] How to Use Render Cell for Default Group Column Without Affecting Its Functionality? HOT 1
- Issue with Date / Time pickers v5.0.20 HOT 1
- [data grid] Column titles are getting strange overflow on tablets and cell phones HOT 2
- [data grid] Multi Column Sort Indicator Cut off when Column is narrow HOT 2
- [docs] DataGrid columns code hidden behind `useDemoData`
- [data grid] Unable to use Multiple Filter option HOT 4
- [data grid] `GridFilterInputMultipleValue`'s prop types are incorrectly typed HOT 3
- [data grid] Aggregation not working in Data Grid Premium v6 in IOS17 Version HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mui-x.