Questions tagged [mui-x]
This tag should be used for questions regarding the MUI X library: a collection of advanced React components including a data grid and date and time pickers. This project is maintained by MUI.
mui-x
264
questions
0
votes
0
answers
9
views
with MUI DataGrid (pro) and client-side sorting, how can I get the current order of rows?
MUI's DataGrid has a great API around sorting.
We would like to get the current order of the rows in the table when using client sorting mode.
Is there a way to read the current rows, in order from ...
0
votes
1
answer
29
views
Unable to use MUI X Date picker Component inside Joy UI CssVarsProvider wrapper
Crash errors whenever i try to use DatePicker component in a any of my component.
package.json
"dependencies": {
"@emotion/react": "^11.11.4",
"@emotion/...
0
votes
0
answers
13
views
How to apply style to nested custom Mui-classes in a separate .module.scss file (using react.js)
What is currently possible:
Giving style to whole Mui component
<SimpleTreeView
sx={{
backgroundColor: '#000000'
}}
</SimpleTreeView>
Segregate styling to a separate class in .module....
-2
votes
0
answers
39
views
Hide option box not required [closed]
First time poster here. Does anyone know how to hide this superfluous option box?
My software provider recently issued a new version of a bookings widget, however, there is a redundant options box ...
0
votes
0
answers
32
views
MUI DataGridPro with custom component for HeaderFilter is rerendering after first time a letter is entered in the inputBox
I'm trying to set a headerFilter for one column (for instance I´m using "Id") where the rendered component is a AutoComplete where the input is a TextField. For the user, it could be ...
0
votes
1
answer
55
views
Not able to upload a file on button click in react with mui
The link has a Live example: https://stackblitz.com/edit/ashok-reddy?file=myform.tsx,package.json,file.tsx
When user click on select file button to up load the file ,button was not opening to upload ...
0
votes
0
answers
134
views
MUI X Localization Context Error When Using MUI Date Picker from Custom Library
I'm working on a React project that utilizes a custom component library. This library is showcased using Storybook and built with Vite in its Library Mode.
In the vite.config.js all peerDependencies ...
0
votes
0
answers
24
views
MUI DataGrid sortComparator function signature in typescript
I am using MUI DataGrid ("@mui/x-data-grid"). I am looking to custom sort a column based on other column's values.
const columns: GridColDef<Location>[] = [
{
field: "siteNo&...
2
votes
1
answer
82
views
Styling popover/tooltip in mui graphs
Has anyone had any luck customizing the styles for the popover/tooltip in mui charts?
This feels like something that should be relatively simple, but I've looked everywhere and while I've found plenty ...
0
votes
0
answers
27
views
MUI-X TimePicker component's referenceDate prop
I have @mui/x-date-pickers-pro: ^6.10.0 installed. How should I set the referenceDate? I'm using moment as date-time library and have tried giving the referenceDate prop value moment(). This doesn't ...
0
votes
1
answer
51
views
How to style two different set of texts in MUI X gauge component
const currCal = 10;
const percentageCal = 10;
return (
<div>
<Gauge
value={percentageCal}
width={250}
height={250}
...
0
votes
0
answers
38
views
How to allow typing leading 0 in MUI-Date range picker and Date picker components?
MUI Date range picker and Date picker components does not allow us to type dates or months with leading 0. For an Example if a particular user wants to type 5th of June he/she may probably write like ...
0
votes
1
answer
44
views
How to use MUI X v7 with MUI Core v6?
I encountered the following error when I run npm i:
or in text form:
npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: @mui/[email protected]
npm ...
0
votes
0
answers
22
views
Format MUI X DataGrid with many long columns
I want to provide a quick admin tool for my users. I used the Community version of MUI X DataGrid to let them CRUD over a table with 30 columns. I produce a json file containing columns and rows ...
0
votes
1
answer
27
views
How do i upgrade a total in a useState when i edit cell in mui-datagrid?
this is my first question on the website so i hope i will do it well. I try to use the edit mode of MUI datagrid but i'm stuck since a few days on a problem that seems pretty simple :
I would like to ...