We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
The header is broken after a column is reordered and table horizontally scrolled
The header should be displayed correctly.
Steps:
Live example:
You can check it yourself in this example: https://material-ui.com/components/data-grid/columns/#column-reorder
System: OS: macOS 11.4 Binaries: Node: 14.15.3 - ~/.asdf/installs/nodejs/14.15.3/bin/node Yarn: 1.15.2 - /usr/local/bin/yarn npm: 6.14.9 - ~/.asdf/installs/nodejs/14.15.3/bin/npm Browsers: Chrome: 91.0.4472.114 Edge: Not Found Firefox: 87.0 Safari: 14.1.1 npmPackages: @material-ui/core: 4.11.1 => 4.11.1 @material-ui/icons: 4.5.1 => 4.5.1 @material-ui/lab: 4.0.0-alpha.56 => 4.0.0-alpha.56 @material-ui/pickers: 3.1.2 => 3.1.2 @material-ui/styles: 4.11.1 => 4.11.1 @material-ui/system: 4.11.3 @material-ui/types: 5.1.0 @material-ui/utils: 4.11.2 @types/react: 17.0.0 react: 16.12.0 => 16.12.0 react-dom: 16.12.0 => 16.12.0 typescript: 4.2.3 => 4.2.3 Browser: Google Chrome Version 91.0.4472.114
The text was updated successfully, but these errors were encountered:
You can downgrade the grid to version 4.0.0-alpha.30.
This bug is present in version 4.0.0-alpha.31 onwards atm.
Sorry, something went wrong.
Duplicate of #2132
You can downgrade the grid to version 4.0.0-alpha.30. This bug is present in version 4.0.0-alpha.31 onwards atm.
latest version has feature that we need, so downgrading is not an option
You can try a workaround by preventing the .MuiDataGrid-columnsContainer div from scrolling. This is the fix proposed in #2154 for this bug.
.MuiDataGrid-columnsContainer
No branches or pull requests
Current Behavior 😯
The header is broken after a column is reordered and table horizontally scrolled
Expected Behavior 🤔
The header should be displayed correctly.
Steps to Reproduce 🕹
Steps:
Live example:
You can check it yourself in this example: https://material-ui.com/components/data-grid/columns/#column-reorder
Context 🔦
Your Environment 🌎
`npx @material-ui/envinfo`
Order id 💳
The text was updated successfully, but these errors were encountered: