[data grid] Grouped column duplicated in the filter's columns list

[stevenbriscoeca]

Steps to reproduce

Steps:

1. Open this link to live example: (MUI Doc)
2. Go to section https://mui.com/x/react-data-grid/
3. Group by Status
4. Status appears twice in the list :

Current behavior

I see status appearing twice in the list

Expected behavior

The "grouped by" status should not appear twice in the list

Context

No response

Your environment

I am using the official documentation to see this bug

Search keywords: groupby filter duplicate

Order ID: 93983

[arminmeh]

@stevenbriscoeca thanks for reporting the issue

I will create a PR with the fix.

Update:
This is actually an expected behavior.

Group column can be used as an additional column for filtering.
In the demo, group column values and the header name are the same as the column that is being grouped, but there are a couple of use cases where that might be different.

You can customize group column header name and/or value via groupingColDef prop

groupingColDef={{
  headerName: "Custom title",
  valueGetter: (params) => { ... },
}}

Filter panel will use the headerName in the Columns dropdown and use the return value from the valueGetter for filtering.

If you don't want to have both of these columns in the Columns dropdown, you can disable filtering for one of them.

Hope that this helps.

[stevenbriscoeca]

ok sounds good, as long as it's expected behavior and not a bug, i'll inform my team

[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.

Note

@stevenbriscoeca 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.