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] Filter headers need adjustment for density="compact" #13048

Open
toddsmith-adsk opened this issue May 7, 2024 · 5 comments · May be fixed by #14373
Open

[data grid] Filter headers need adjustment for density="compact" #13048

toddsmith-adsk opened this issue May 7, 2024 · 5 comments · May be fixed by #14373
Labels
component: data grid This is the name of the generic UI component, not the React module! enhancement This is not a bug, nor a new feature feature: Filtering on header Related to the header filtering (Pro) feature support: premium standard Support request from a Premium standard plan user. https://mui.com/legal/technical-support-sla/

Comments

@toddsmith-adsk
Copy link

toddsmith-adsk commented May 7, 2024

Steps to reproduce

Link to live example: https://codesandbox.io/p/sandbox/wonderful-brook-4jgpdg

Filter headers need adjustment for density="compact"

compact
image

standard
image

Current behavior

No response

Expected behavior

No response

Context

No response

Your environment

"@mui/x-data-grid": "^7.3.2",
"@mui/x-data-grid-premium": "^7.3.2

Search keywords: compact
Order ID: 86253

@toddsmith-adsk toddsmith-adsk added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label May 7, 2024
@oliviertassinari oliviertassinari added the component: data grid This is the name of the generic UI component, not the React module! label May 7, 2024
@michelengelen michelengelen changed the title Filter headers need adjustment for density="compact" [data grid] Filter headers need adjustment for density="compact" May 8, 2024
@michelengelen michelengelen added enhancement This is not a bug, nor a new feature feature: Filtering on header Related to the header filtering (Pro) feature support: premium standard Support request from a Premium standard plan user. https://mui.com/legal/technical-support-sla/ and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels May 8, 2024
@github-project-automation github-project-automation bot moved this to 🆕 Needs refinement in MUI X Data Grid May 8, 2024
@michelengelen
Copy link
Member

michelengelen commented May 8, 2024

Hey @toddsmith-adsk ... At first I thought passing this ...

slotProps={{
  headerFilterCell: {
    InputComponentProps: {
    },
  },
}}

... could help. But it's simply not enough of a change in size.

I have added this to the board.

@michelengelen
Copy link
Member

There is a workaround for this here 👍🏼

@louisaaron
Copy link

@michelengelen would it be possible to assign someone to this one?

@michelengelen
Copy link
Member

@louisaaron do you want to work on this yourself, or did you mean to assign someone from the team?

@louisaaron
Copy link

I could see if someone from our team has bandwidth, but was hoping someone from your end could!

@MBilalShafi MBilalShafi moved this from 🆕 Needs refinement to 👀 In review in MUI X Data Grid Aug 29, 2024
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! enhancement This is not a bug, nor a new feature feature: Filtering on header Related to the header filtering (Pro) feature support: premium standard Support request from a Premium standard plan user. https://mui.com/legal/technical-support-sla/
Projects
Status: 👀 In review
Development

Successfully merging a pull request may close this issue.

4 participants