I need assistance with resetting column ordering in my React application:
import * as React from 'react';
import Box from '@mui/material/Box';
import { DataGridPro } from '@mui/x-data-grid-pro';
import { useDemoData } from '@mui/x-data-grid-generator';
export default function DataGridProDemo() {
const { data } = useDemoData({
dataSet: 'Commodity',
rowLength: 100000,
editable: true,
});
const resetOrdering = () => {
// Looking for a way to reset the column ordering
}
return (
<Box sx={{ height: 520, width: '100%' }}>
<button onClick={resetOrdering} > Reset </button>
<DataGridPro
{...data}
loading={data.rows.length === 0}
rowHeight={38}
checkboxSelection
disableSelectionOnClick
experimentalFeatures={{ newEditingApi: true }}
/>
</Box>
);
}
I have attempted using separate setters provided by the Data Grid Pro API, but it did not yield the desired result.