Comments (9)
⚠️ This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue. Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.@Youssef-8000: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.
Sorry, i clicked close with comment by accident. should be reopened now.
from mui-x.
Hey @Youssef-8000 .. the codesandbox is not public. Could you adjust the permissions so we can have a look?
Thanks!
from mui-x.
Hey @Youssef-8000 .. the codesandbox is not public. Could you adjust the permissions so we can have a look? Thanks!
Apologies.
The link should be public now.
from mui-x.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.
@Youssef-8000: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.
from mui-x.
Isn't this expected behavior @mui/xgrid ?
from mui-x.
I mean, i don't think it's the expected behavior since the Material UI Basic Table's width for it's columns is assigned dynamically. no matter how it looks on the page, it will always perfectly match the width of the printed document.
here is an example code from Material UI's website https://codesandbox.io/p/sandbox/blissful-tereshkova-4mcg2d?file=%2Fsrc%2FDemo.tsx
The only difference between the two that the datagrid you have to explicitly assign columns flex property so their width becomes dynamic unlike the basic table where by default it does that.
Images of Basic Table behavior with print:
As you can see it always resizes to match the print width. instead of keep it's width.
I Also might add with the normal DataGrid with flex Property when i Emulate CSS to be print, it resizes perfectly. so it might be an issue where the DataGrid doesn't realize it's in a print so it doesn't resize to fit.
Well, Also i would appreciate work around to achieve flex property benefits while keeping the print function working correctly.
from mui-x.
@mui/xgrid gentle ping on this!
from mui-x.
I think the print feature didn't receive enough work to deal with responsive print width. This could be improved, but I'm not sure if this should be classified as a bug or feature request, and how to prioritize.
from mui-x.
I'll add this to the board.
Looks like there is no easy fix for this.
from mui-x.
Related Issues (20)
- [data grid] Column flex width jumps after grid is displayed HOT 1
- [data grid] Problems with copy/paste and the autocomplete dropdown HOT 3
- [pickers] How to change mui toolbar date text colour and max width to 1000 HOT 10
- [data grid] Row grouping from server side data fetch HOT 3
- [data grid] Improve a11y capabilities on column header HOT 2
- [data grid] Sorting with treeData does not seem to work HOT 1
- [data grid] all nodes are closing while row is being selected HOT 8
- [data grid] DataGrid inside Dialog doesn't show the full column list HOT 6
- [pickers][DateCalendar] Hydration Issue HOT 5
- [charts] browser reduce motion does not disable the initial animation in production
- [data grid] single click on IconButton inside data grid not works HOT 2
- [data grid] Microfrontend Host 'Each child in a list should have a unique "key" prop' HOT 7
- [data grid] Typescript of Theme of `MuiDataGridPremium` HOT 6
- [data grid] Changing columnHeaders className not working as expected HOT 9
- [charts] Failed prop type: The prop `bars[0].xOrigin` is marked as required in `BarLabelPlot` HOT 4
- [pickers][Datepicker] "onChange" event not triggered when selecting the same date HOT 2
- [pickers] Slowness in selecting a date in the `DesktopDateRangePicker` component when the number of calendars is high HOT 5
- [data grid] Deep filter in data grid master details HOT 8
- [data grid] Not able to target MuiDataGrid-panel styling via filterPanel slotprop HOT 2
- [data grid] Not able to target `.MuiDataGrid-menu` styling via columnMenu slotprop HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mui-x.