All Questions
Tagged with frontend material-ui
260
questions
0
votes
1
answer
24
views
Table and filter columns different in MUI Data Grid
In the Student Details column, I want to stack data values from three columns: Name, Major, and Year. Is it possible to do this while still maintaining the ability to filter by the individual columns? ...
0
votes
0
answers
364
views
MUI Toolpad core Dashboard Layout content cannot fill up all available space
I am using the MUI Toolpad core Dashboard Layout for my frontend, but I am not able to fully utilize all the available space on the content side.
I am using the demo code form the tutorial here:
https:...
0
votes
1
answer
57
views
Inconsistent column width using Material UI Grid with direction='column' and flexWrap='wrap'
I am quite new to React and Frontend in general. I am trying to set up a MUI Grid, which lists the items in a column until it wraps around to start a new column. So far, so good, I can achieve that by ...
- 1
0
votes
1
answer
211
views
how to keep the nested collapsible table row inside main tabe row in mui table react?
I have a Material UI (MUI) table with a border color and background color. Each table row needs to have a collapsible table row. MUI's documentation shows a separate table row and uses React.Fragment, ...
- 308
0
votes
0
answers
19
views
MUI Table value not updated from state [duplicate]
I have created a state in which it will contain the row value of a table.
const [poItem, setPoItem] = useState<any>([]);
const [index, setIndex] = useState<number>(0);
const [table] = ...
1
vote
2
answers
453
views
MUI TextField number type min max not working
Material UI version: "@mui/material": "^5.15.15",
Here's the snippet code
<TextField
className="input-quantity form-input"
defaultValue={0}
name={"quantity&...
1
vote
2
answers
455
views
Material-UI chart only loading lines after hovering
I'm trying to use a Material UI Line chart to display some data on my NextJS 14 application. The data is displayed just fine, but the chart only renders the lines when I hover on it, instead of ...
- 31
1
vote
0
answers
20
views
The problem prevailing when clearing the input form in Material UI when formik.setFieldValue is Used
<Grid sx={{ pb: 2 }}>
<Autocomplete
multiple
id="tags"
...
0
votes
1
answer
108
views
Always get wrong value on onClick event
I create a Table to display some values
const [selected, setSelected] = React.useState<readonly number[]>([]);
const isSelected = (id: number) => selected.indexOf(id) !== -1;
return (
<...
- 895
0
votes
1
answer
158
views
How to implement static row numbers in MUI-X DataGrid?
I need to render the number of each row in the table. It should be static and should not change when sorting or filtering the columns in the table.
I tried to use getRowIndexRelativeToVisibleRows ...
- 1
0
votes
1
answer
83
views
Get column sum/total of material-react-table row for few column like total earning from earning section and total deduction from dedcuction section
I'm preparing the employee salary table which have columns like below.
[Actual Table which is material-react-table] https://i.sstatic.net/zVbnD.png)
const columns = useMemo(
() => [
...
0
votes
2
answers
284
views
Changing MUI Switch component colors
I'm using switch component from MUI, I want to toggle the styling between two colors
<Switch
color={dataType === "expenses" ? "error" : "secondary"}
onChange={...
1
vote
0
answers
60
views
How to remove placeholder on autocomplete? (Input field, material ui)
I use an input field from the material ui library.
When you focus on the input, the pseudo-filler moves animatedly to the top of the input.
If we have 2 inputs and we want to autocomplete those ...
- 11
0
votes
2
answers
509
views
Negative value of MUI textField type=number on Xiaomi
is there any way to prevent entering negative values to MUI textField type=number on Xiaomi?
I use min="1",but it doesn't help in this particular case. I achieved to prevent entering ...
0
votes
0
answers
32
views
I have an issue fetching data after filtering [duplicate]
I am working on a table with React and MUI and I'm trying to resolve a bug.
The thing is that when I type in the text field and press enter, the information is filtered properly.
but I have a button ...
