my MaterialTable has a lot of columns and some of them are not necessarily needed to be displayed at all times. I want to make them hidden unless selected by user I tried adding hide: true property to the column…
I have started using Material UI for a project. I created a TextField for a form field as shown below. I am trying to apply padding to this input field as demonstrated below, but the label is not being affected…
In my app I load data from an api, sometimes there is more than one request necessary (i.e. loading the main data and loading the options of a select field). My idea is to have a global state in a…
I built a star component (used material UI component) based on the mapped object, but the star rating shows the same value when I click on any of them. How can I make each star rating have its own value…
I am using Input field from material-ui along with react, trying to set autofill off for all the fields and have tried multiple solutions available but none of them seems working properly. Tried Solutions - By setting autoComplete="off" Passed autocomplete:'off'…
Home.jsx <Box component="fieldset" sx={{borderRadius:2, height:"100%"}}> App.jsx <Grid container> <Grid item xs={4} > <Root/> </Grid> <Grid item xs={8} > <BrowserRouter> <Routes> <Route path='/' element={<Home/>}/> </Routes> </BrowserRouter> </Grid> </Grid> I've put "height:100%" in the Box in Home.jsx because otherwise box is really…
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/react npm ERR! react@"^18.2.0" from the root project npm ERR! npm ERR! Could not resolve…
I have a question in terms of how data is updated in the DataGrid component from the @mui/x-data-grid module in React if anyone has experience with that Material UI library for displaying data in a table. The issue that I…
I am making an app using react mui - bootstrap. I have a form people need to write in, and a submit button icon from mui. This is what it looks like, and how I want it to stay What…
I'm trying to add a tooltip to a label prop of the TextField. And I need to make this work on touch screen, so I handle the open and close event manually. But the tooltip appears as two different boxes…