Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Content cut off when printing

See original GitHub issue

I have a table which contains only one colum. I draw speech bubbles in it, similar to Whatsapp. Now I have

responsive: 'scroll'

and

overrides: { MUIDataTable: { responsiveScroll: { maxHeight: '100%' } } }

set.

Unfortunately, when I press on Print, a part is cut off. If I print the page with CTRL + P, it works, but the rest of the UI is on the paper.

Here is a photo (with button): Here is a photo (CTRL + P):

I suspect, when printing with the button, the virtual page is not as big as the content. How can I change that?

Tech	Version
Material-UI	3.9.2
MUI-datatables	2.0.0-beta.56
React	16.8.3
browser	Safari / Chrome

Issue Analytics

State:
Created 5 years ago
Comments:10

Top GitHub Comments

3reactions

andrewrainscommented, Mar 9, 2019

Also seeing this issue. When I had the table option of Responsive: ‘stacked’ it printed all rows. Now that I have it as ‘scroll’ (because it’s a better view on mobile), only the first 20 rows are printing and the rest cut off where the container has not expanded vertically.

0reactions

gabrielliwerantcommented, Mar 5, 2020

I have to close this. Printing is dictated by styling. Default styles seem to work correctly. If there’s a bug, I need an issue with specific instructions and a minimal codesandbox example.