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] Wrong position for Checkbox column after unpinning other column #15808

Open
dashasm opened this issue Dec 9, 2024 · 1 comment
Open
Labels
bug 🐛 Something doesn't work component: data grid This is the name of the generic UI component, not the React module! feature: Row grouping Related to the data grid Row grouping feature feature: Selection Related to the data grid Selection feature support: commercial Support request from paid users support: premium standard Support request from a Premium standard plan user. https://mui.com/legal/technical-support-sla/

Comments

@dashasm
Copy link

dashasm commented Dec 9, 2024

The problem in depth

Issue Description

The issue arises when grouping is enabled, and at least one column is grouped. If another column is pinned to the left and then unpinned, the Checkbox column does not return to its original position. Instead, it is placed after the grouped column.


Steps to Reproduce

  1. Use the first example from the documentation codesandbox.
  2. Add the prop checkboxSelection={true} to the table.
  3. For a different column (not the grouped one), select "Pin to left" and then "Unpin".

Actual Behavior

The Checkbox column does not return to its original position but is placed after the grouped column.
Знімок екрана 2024-12-09 о 15 09 55

Expected Behavior

The Checkbox column should remain located before the grouped column after unpinning.
Знімок екрана 2024-12-09 о 15 09 45

Your environment

`npx @mui/envinfo`
"@mui/x-data-grid-premium": "^7.22.2",

Search keywords: DataGrid Pinned Columns Checkbox
Order ID: 82865

@dashasm dashasm added status: waiting for maintainer These issues haven't been looked at yet by a maintainer support: commercial Support request from paid users labels Dec 9, 2024
@github-actions github-actions bot added component: data grid This is the name of the generic UI component, not the React module! support: premium standard Support request from a Premium standard plan user. https://mui.com/legal/technical-support-sla/ labels Dec 9, 2024
@michelengelen
Copy link
Member

Confirmed the bug ... i could not find a quick solution to this.
Moving it to the board! 👍🏼

@michelengelen michelengelen added feature: Selection Related to the data grid Selection feature feature: Row grouping Related to the data grid Row grouping feature and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Dec 10, 2024
@github-project-automation github-project-automation bot moved this to 🆕 Needs refinement in MUI X Data Grid Dec 10, 2024
@michelengelen michelengelen added the bug 🐛 Something doesn't work label Dec 10, 2024
@michelengelen michelengelen changed the title [Data Grid] Wrong position for Checkbox column after unpinning other column [data grid] Wrong position for Checkbox column after unpinning other column Dec 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: data grid This is the name of the generic UI component, not the React module! feature: Row grouping Related to the data grid Row grouping feature feature: Selection Related to the data grid Selection feature support: commercial Support request from paid users support: premium standard Support request from a Premium standard plan user. https://mui.com/legal/technical-support-sla/
Projects
Status: 🆕 Needs refinement
Development

No branches or pull requests

2 participants