[DataGrid] Alternative filter row

[MieleVL]

Order ID or Support key 💳 (optional)

33929

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

The problem in depth 🔍

I'm looking for a way to insert an extra header row to render simple filter controls. Filters can be updated using the DataGrid API, but adding an extra header row doesn't seem possible at this time.

I saw this draft PR where this feature was partially implemented: #7760
Is this a feature that is already available, actively working on, or should I use the renderHeader function on each column to implement it ourselves. Or maybe there is an alternative way?

I'm looking for something like below:

Your environment 🌎

`npx @mui/envinfo`

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[MBilalShafi]

Hey @MieleVL, Filtering on Header feature is actively under development and we are trying to pull the initial working version as soon as possible.
This has previously been requested multiple times, you can check the issues linked on the main issue to check any previous discussions on the topic.

Meanwhile, if you want to try the WIP Preview and possibly provide some early feedback, you are most welcome to do so.

[MBilalShafi]

I am closing this one, please followup on the PR or main issue related to this.