Stack Overflow
Stack Overflow

Questions tagged [mui-x-data-grid]

170 questions
0
votes
1 answer

How disable this line on Mui X DataGrid?

this line! i try to override css class by .MuiDivider-root{ display: none } it not working
Somebody
  • 1
  • 2
0
votes
1 answer

how to sort material ui datagrid table without affecting total sum rows inside a datagrid

This is my codeSandbox link : https://codesandbox.io/s/making-sum-of-column-in-datagrid-mui-zjzfq6?file=/demo.js So,when I sort by ascending then subtotal,total and tax rows come up but when sort by descending they comes down .How can I sort by…
Rajat
  • 37
  • 5
0
votes
0 answers

MUI DataGrid Server side sorting - additional data to sort model

I am using MUI DataGrid to display a few datasets on the same page and I would like to enable server side sorting, so that when the user sorts, I would also pass in a string to the handler so I can use it to re-fetch data.
Christopher
  • 592
  • 9
  • 31
0
votes
2 answers

Change action menu icon in MUI datagrid

I am using the community version of @mui/x-data-grid. I have this column defintion: const columns = [ { field: "actions", type: "actions", width: 100, getActions: (cell) => [
Normal
  • 1,616
  • 15
  • 39
0
votes
1 answer

Export material-UI DataGrid in excel file by making separate Export button

So,this is my code I have to export dataGrid details making button and pass onClick function to it.We can use datagrid Toolbar component but I don't want to use it.How to export datagrid rows and columns details. import { DataGrid } from…
Rajat
  • 37
  • 5
0
votes
0 answers

React MUI data grid pro actions with custom component

I have a Data-grid-pro component with defined columns const DOMAINS_GRID_COLUMNS = React.useMemo(() => [ { headerName: ' Actions', field: 'actions', type: 'actions', width: 80, getActions: (params) => [
Hakob Sargsyan
  • 1,294
  • 1
  • 9
  • 15
0
votes
1 answer

Input field in MUI-datatable

Is it possible to add input fields to MUI-datatable? I want the user to be able to modify data in the MUI-datatable. However the customBodyRender does not work for me. import MUIDataTable from "mui-datatables"; import {MuiThemeProvider} from…
Botond Balogh
  • 163
  • 1
  • 9
0
votes
0 answers

MUI DataGrid RenderCell

I have this part of code in MUI datagrid Columns definitions: field: "roles", headerName: t("admin.users.gridColumns.roles"), flex: 1, minWidth: 256, renderCell: (params) => ( …
Bartas139
  • 15
  • 5
0
votes
1 answer

React Mui data-grid-pro expandable rows with possibility to reset models from the parent

I have data-grid-pro component with these parameters row.domain_id} loading={tableData?.length === 0} …
Hakob Sargsyan
  • 1,294
  • 1
  • 9
  • 15
0
votes
0 answers

MUI Datatables expandable Row - Add a column before expandableRow icon

I want to add a column before expandable row Icon In the Material-UI library's component, the expandable rows feature can be implemented by setting the expandableRows property to "true". I Want to add a column before the expandable row…
aneesh kumar cd
  • 11
  • 1
0
votes
1 answer

Dynamic Naming textfield in MUI data Grid

I am using MUI data grid and first columns values (Asset description) comes from an array and the headers Meember1, Member2 and... also comes from an array, I need to enter a specific values into each fields to insert record into DB using using…
Zaker Husien Yusofi
  • 307
  • 3
  • 18
0
votes
1 answer

Is there a way to check a single column's values in MUI Data Grid?

I have a MUI Data Grid with an editable column called 'Status', which can have three values - "Accepted", "Ready for Review" and "Update Required". OnCellCommit, I would like to be able to check if all rows in the Grid have been marked as "Accepted"…
karthik
  • 81
  • 1
  • 1
  • 8
0
votes
0 answers

MUI data grid sorting English and Japanese for columns which have valueGetter or renderCell

I have a data grid and I need to sort the column which has data in English, Japanese and null fields as well. I am using a renderCell to map the id of each field to the actual string value for the field which is in English or Japanese. I want to…
akshay_acharya
  • 49
  • 9
0
votes
0 answers

add and delete rows. MUI X

This code works perfectly. I just want an idea to make a kind of button to add or delete a row. I tried the documentation of MUI X, but they only have a way to edit the row. and I do not want that. The issue is that I have no idea how to do that,…
Patrox
  • 1
0
votes
0 answers

MUI X Data Grid edit row with nested Objects

I have problem during editing rows in x-data-grid. My JSON: [ { "id": 1, "name": "komputer", "slider": true, "producent": "asus", "description": null, "image": "../Images/komputer5.jpg", …
asdasdas
  • 69
  • 1
  • 6
1 2 3
…
11
12