Looking to enhance user experience, I aim to display a filter bar when my Datagrid component is generated. Upon creation, users should immediately see the Datagrid with the filter option visible (as though the filtering button has been clicked).
https://i.stack.imgur.com/IJwKA.png
The following are the code snippets for the Mui Datagrid component that I am utilizing:
<DataGrid
rows={tableRows}
columns={tableColumns}
components={{ Toolbar: ReportRenderToolbar }}
checkboxSelection
disableRowSelectionOnClick
/>
Below is the custom Toolbar component:
import React from "react";
import {
GridToolbarContainer,
GridToolbarFilterButton,
} from "@mui/x-data-grid";
const ReportRenderToolbar = () => {
return (
<GridToolbarContainer>
<GridToolbarFilterButton />
</GridToolbarContainer>
);
};
export default ReportRenderToolbar;
Are there any props that can be passed to
<GridToolbarFilterButton />