[DataGrid] Custom filter panel

[m-claes]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Summary 💡

To speed up the filtering process for end users would it be possible to provide a direct filter box below the column name (see example screenshot). This way the user has direct access to filtering without the need to go the the filtering menu.

Examples 🌈

Example 1;

Example 2:

Motivation 🔦

Speed up filtering process for grid users.

[DanailH]

Hi, @m-claes thanks for raising this. There are a couple of ways you can achieve this with what we currently have. Here are the options:

1. You can provide your own component for a column header. Then if you are a DataGridPro user you can use the apiRef to do the filtering. You can check more about it here -> https://mui.com/components/data-grid/columns/#render-header
2. A simpler solution may be to provide your own filter panel. That way you can position it almost anywhere you like (in the second example the filter looks like a row so that wouldn't be possible but you can put it on the side or in the toolbar). There was a similar issue in the past. You can check it here -> [DataGrid] Control positions of filters and column pop over #3155 (comment)