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.

Sign up for GitHub

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

Jump to bottom

[data grid] Column spanning display is broken #16991

Open
BAHAA-THE-KING opened this issue Mar 17, 2025 · 2 comments
Open

[data grid] Column spanning display is broken #16991

BAHAA-THE-KING opened this issue Mar 17, 2025 · 2 comments
Labels
bug 🐛 Something doesn't work component: data grid This is the name of the generic UI component, not the React module! feature: Column pinning Related to the data grid Column pinning feature feature: Column spanning Related to the data grid Column spanning feature

Comments

@BAHAA-THE-KING
Copy link

BAHAA-THE-KING commented Mar 17, 2025 •
edited by github-actions bot
Loading

Steps to reproduce

Steps:

  1. Open this link to live example: https://mui.com/x/react-data-grid/column-spanning/#function-signature
  2. Go to the example of the subjects and days
  3. Try scrolling horizontally
  4. Change the direction to RTL, you will see another bug at the same example :)

Current behavior

First bug

Image

Second bug

Image

Expected behavior

The cells should be at place for the 2 scenarios
Image

Context

No response

Your environment

Browser: Google Chrome Version 134.0.6998.89 (Official Build) (64-bit)

Search keywords: mui mui-x Datagrid column spanning
@BAHAA-THE-KING BAHAA-THE-KING added bug 🐛 Something doesn't work status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Mar 17, 2025
@github-actions github-actions bot changed the title [Datagrid] Column spanning display is broken [data grid] Column spanning display is broken Mar 17, 2025
@github-actions github-actions bot added the component: data grid This is the name of the generic UI component, not the React module! label Mar 17, 2025
@michelengelen
Copy link
Member

Thanks for opening this issue here @BAHAA-THE-KING .... I'll add this to the board for the team to look at. It certainly is strange that it's showing this behavior.

The first bug is definitely happening due to virtualization, as it does not reproduce anymore with the disableVirtualization prop added.

The second one I am not sure why. 🤔

@michelengelen michelengelen added feature: Column spanning Related to the data grid Column spanning feature feature: Column pinning Related to the data grid Column pinning feature and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Mar 17, 2025
@github-project-automation github-project-automation bot moved this to 🆕 Needs refinement in MUI X Data Grid Mar 17, 2025
@BAHAA-THE-KING
Copy link
Author

Yes the second bug is about pinning, didn't notice they are pinned.
Should I create another issue ?
The pinned problem also exists here https://mui.com/x/react-data-grid/column-pinning/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug 🐛 Something doesn't work component: data grid This is the name of the generic UI component, not the React module! feature: Column pinning Related to the data grid Column pinning feature feature: Column spanning Related to the data grid Column spanning feature
Projects
MUI X Data Grid
Status: 🆕 Needs refinement
Milestone
No milestone
Development

No branches or pull requests
2 participants
@michelengelen @BAHAA-THE-KING