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] Style is not working as it should be on filters #12807

Closed
Davidna92 opened this issue Apr 17, 2024 · 4 comments
Closed

[data grid] Style is not working as it should be on filters #12807

Davidna92 opened this issue Apr 17, 2024 · 4 comments
Labels
component: data grid This is the name of the generic UI component, not the React module! customization: css Design CSS customizability feature: Filtering Related to the data grid Filtering feature status: waiting for author Issue with insufficient information

Comments

@Davidna92
Copy link

Davidna92 commented Apr 17, 2024

Steps to reproduce

As you can see in my picture:
image

its not looks like its should be in your documentation
what am I doing wrong here?

and another question regarding the filters, is it not possible to add a third filter with an operator of (OR/AND)? its always disabled

Current behavior

No response

Expected behavior

No response

Context

No response

Your environment

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

Search keywords: filters, style

@Davidna92 Davidna92 added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Apr 17, 2024
@michelengelen
Copy link
Member

Please provide a minimal reproduction test case with the latest version. This would help a lot 👷.

A live example would be perfect. You can find a examples and guides on how to find templates in our docs with which you can provide examples for your specific use-case: Support - Bug reproduction.

Thank you! 🙇🏼

@michelengelen michelengelen changed the title Style is not working as it should be on filters [data grid] Style is not working as it should be on filters Apr 17, 2024
@michelengelen michelengelen added component: data grid This is the name of the generic UI component, not the React module! status: waiting for author Issue with insufficient information feature: Filtering Related to the data grid Filtering feature customization: css Design CSS customizability and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Apr 17, 2024
@Davidna92
Copy link
Author

Hi,
I have added a picture of my application view:
image

And this is how its should works:
image

You can see in my application there is borders on the inputs, and the inputs are not aligned to the same line height

@github-actions github-actions bot added status: waiting for maintainer These issues haven't been looked at yet by a maintainer and removed status: waiting for author Issue with insufficient information labels Apr 17, 2024
@michelengelen
Copy link
Member

I can see that and did already assume that from the issue body, but for us to see and fix that we need to know your implementation and the styles applied. Otherwise this is a pure guessing game.
So please provide a minimal reproduction example and we are happy to help you!

@michelengelen michelengelen added status: waiting for author Issue with insufficient information and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Apr 17, 2024
Copy link

The issue has been inactive for 7 days and has been automatically closed.

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! customization: css Design CSS customizability feature: Filtering Related to the data grid Filtering feature status: waiting for author Issue with insufficient information
Projects
None yet
Development

No branches or pull requests

2 participants