I recently purchased a license for MUI X for my next app. Where should I place the following code snippet to set the license information? Should it be in the same location as the component that uses it, potentially exposing the key to client browsers? im ...
`function EnhancedToolbar() { return ( <GridToolbarContainer> <GridToolbarIcon icon={<FilterListIcon />} /> <GridToolbarIcon icon={<ViewColumnIcon />} /> <GridToolbarIcon icon={<SettingsEthernetIc ...
Is there a way to dynamically adjust the menu items in one select component based on the selection made in another select component within a DataGrid? I'm struggling with passing the state of one select component to the other, especially when utilizing the ...
Title: Issue with Displaying React Stepper Components StepContent Description: I'm encountering a problem with displaying components in a React Stepper within my app. The Stepper includes three steps - "Dispatchs", "Orders", and "Tenders". Each step shou ...
React:18.2.0 mui/material: 5.10.5 date-fns: 2.29.3 date-io/date-fns: 2.16.0 formik: 2.2.9 I'm facing an issue with using DateTimePicker in my project. I am trying to enter time in the format Hour:Minute:Second, but currently, I can only input 00:00 for Ho ...
I'm currently developing a react application and utilizing the MUI Datagrid to present some data. I have incorporated a rendercell to insert an edit icon which should trigger a pop-up modal when clicked. Below is the column setup. export const specificColu ...
When working with the MUI library in React Native, I encountered an issue: ERROR Invariant Violation: View config getter callback for component style must be a function (received undefined). Make sure to start component names with a capital letter. I ha ...
I've been struggling to customize the date picker in MUI X by trying to remove the padding from the input field, but no matter what I do it doesn't seem to work. Am I missing something or does MUI X not support styling for this? import { styled } from '@ ...
https://i.stack.imgur.com/JLtGz.png I am trying to customize the underline color of the DatePicker component. Below is my code snippet attempting to achieve this: import React from 'react' import PropTypes from 'prop-types' import { Da ...
Can you help with where to specify my license key in Storybook? I need guidance on where to set the license key in Storybook. According to MUI Docs, it should be done before React renders the first component and only once in the application. However, I ...
Currently, I am working with the MUI DataGridPro component and my goal is to customize the icons of the TreeGrid nodes based on the data. This image illustrates what I hope to achieve: https://i.stack.imgur.com/nMxy9.png Despite consulting the official do ...
Utilizing React MUI X DataGrid, I am fetching data from an API and displaying it. Check box selection is enabled, and I want to retrieve specific cell items from the selected row and store them in a list. For example, if I click on the checkbox for the 1s ...
I'm looking for this specific image: https://i.stack.imgur.com/v4nCJ.png Instead of the current one at: https://i.stack.imgur.com/HC6AW.png Recently, the date picker (@mui/x-date-pickers 6.x) has been updated to use slots, but t ...
As I work on integrating actions after selecting items in a GridHeader, I came across a helpful tutorial that demonstrates how to combine these functionalities seamlessly: https://mui.com/x/react-data-grid/selection/#controlled-selection Moreover, for man ...
It appears that the current behavior (refer to this PR https://github.com/mui/mui-x/pull/7125/files) is intentional, but it has complicated my understanding and logic. When I use handleSortModelChange, it updates my state and triggers a function reloadDat ...
Using the DataGrid component from Material UI React to showcase my data. This is how my database looks: https://i.stack.imgur.com/l4au3.png This is the code for my columns const columns = [ { field: 'user_id', headerName: 'User',flex: 1}, { ...
I am extremely intrigued by the mui-x pro license because I discovered that it offers a locked column, nested headers, and grouping row features. However, I have not come across any examples showing all three features together. Has anyone else experimented ...
I am facing an issue with rendering two large blocks of text side by side, which may contain new lines or no whitespace. I have been using Material UI's Grid, but the grids are not behaving as expected. To illustrate my problem, I have provided a small ex ...
I've encountered an issue with my basic Material UI v4 datagrid. I'm attempting to change the color of any row that has an age of 16 to grey using color: 'grey'. However, I'm finding it challenging to implement this. The documentat ...
How can I customize the font weight for MUI Table Cell using React 18 and the latest styled-components? Although this code is changing the color correctly, it's not adjusting the font weight. const StyledTableCell = styled(TableCell)({ backgroundCo ...
I'm currently experimenting with the MUI X Data Grid React Component, which is licensed under MIT. Is there a way to include a title above the column headers but below the border of the Data Grid? I'd prefer simple centered text or even custom c ...
How can I customize the appearance of the GridToolbarQuickFilter textbox, such as outlining it? Ideally, I would like to accomplish this through theme.tsx, but I am open to any suggestions. https://i.stack.imgur.com/H1Ojj.png I have experimented with var ...
<FormControl fullWidth> <LocalizationProvider dateAdapter={AdapterDayjs}> <TimePicker views={["hours", "minutes", "seconds"]} label={t("StrategyManager.Select_Time")} value={timer} ...