[data grid] Remove Empty String Option in MUI DataGrid SingleSelect Filter

[hamzasial1911]

Summary

The current implementation of the MUI DataGrid SingleSelect filter includes an empty string option alongside values, which may not align with user expectations. This enhancement aims to remove the empty value from the filter dropdown and empower users to manually add custom values for a more tailored filtering experience.

Examples

Current:
I am getting this empty value even after giving the: optionalValues: ["Open","PartiallyFilled","Filled", "Rejected"]

Expected
I dont want to see the empty value in the dropdown.

Motivation

• Improve user experience by eliminating the empty string option in the SingleSelect filter.

• Enable users to manually add custom values, enhancing the filter's customization capabilities.

• Streamline the filtering interface by focusing on user-driven input without the distraction of an empty value.

Search keywords:

[michelengelen]

@mui/xgrid do we support this through some filter customization? I did try using requiresFilterValue on the FilterOperator, but that did not work.

[MBilalShafi]

Hi @hamzasial1911!

The purpose of the empty value is to allow the users to be able to clear the value from the dropdown.

You can change the behavior by customizing the component used as the InputComponent in the respective colDef.filterOperators entry.
I tried to do this in this example for the status column: https://stackblitz.com/edit/react-97fkmt

Let me know if this is what you are looking for.

[hamzasial1911]

@MBilalShafi Great work! This is exactly what I want.

[github-actions]

⚠️ This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@hamzasial1911: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.