Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[data grid] Adds a recipe for using non-native select in filter panel #10916

Merged
merged 1 commit into from
Nov 7, 2023

Conversation

michelengelen
Copy link
Member


Title says it all.
Just a small recipe showing that replacing the select is an easy feat.

Recipe in addition to #4127

@michelengelen michelengelen added component: data grid This is the name of the generic UI component, not the React module! recipe labels Nov 6, 2023
@michelengelen michelengelen requested a review from a team November 6, 2023 13:35
@michelengelen michelengelen self-assigned this Nov 6, 2023
@@ -13,3 +13,9 @@ Currently if you want to use the [Quick filter](/x/react-data-grid/filtering/qui
A common use case is to have certain components positioned outside of the grid. Because of the way the grid context works this might not be a straining forward thing to do. The example below illustrates how this use case can be achieved.

{{"demo": "QuickFilterOutsideOfGrid.js", "bg": "inline", "defaultCodeOpen": false}}

## Use non-native select in filter panel
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@mui/xgrid wasn't too sure about the placement into the sections. Went with this, but i am open for suggestions

@mui-bot
Copy link

mui-bot commented Nov 6, 2023

@michelengelen michelengelen changed the base branch from master to next November 6, 2023 14:13
@michelengelen michelengelen merged commit fe5198c into mui:next Nov 7, 2023
7 checks passed
@michelengelen michelengelen deleted the xgrid-recipes/4127 branch November 7, 2023 16:05
@michelengelen michelengelen mentioned this pull request Nov 9, 2023
15 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: data grid This is the name of the generic UI component, not the React module! recipe
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants