Our blazing fast Grid component built with pure JavaScript


Post by it vec »

I want to print a table, but this is not shown in full size. I have changed orientation, and I'm trying to adjust headers but I need to show all header texts.
Aditionally, I'm trying to print just the grid but it is trying to print more than just the grid and show empty pages ready to print.

https://drive.google.com/file/d/1Mzn1AN2-_JRZt88tIRvk6_1vzkxDy_Er/view?usp=sharing
https://drive.google.com/file/d/1xaqLwy1N_8KlNsTMtGXfuJ1Kzofnql05/view?usp=sharing
https://drive.google.com/file/d/1M9K5MJ-HtoGskYbth6JKSRYAKScabZlQ/view?usp=sharing


Post by marcio »

Hey it vec,

Thanks for reaching out!

Could you please share what your configuration looks like? If you could provide a runnable test case, even better for us to assist you.

Best regards,
Márcio

How to ask for help? Please read our Support Policy


Post by it vec »


Post by ghulam.ghous »

Hey,

Config looks alright. Can you please try changing the page size to A5 in the advanced settings popup as shown in the screenshot? Moreover please make sure the scale in the settings is set to default.

Screenshot 2024-12-11 at 4.36.58 PM.png
Screenshot 2024-12-11 at 4.36.58 PM.png (606.09 KiB) Viewed 652 times

Can you please try reproducing this issue here: https://bryntum.com/products/grid/examples/print/


Post by it vec »

Yep, in examples it works but I have 5+ columns. I've uploaded a little runnable version of my project.

https://drive.google.com/file/d/17uuzMIvcANdLCaMjyhV5gBV0NR378iRb/view?usp=sharing


Post by saki »

The print is implemented by converting html to pdf (on the server) so what you see in the browser should be what you see on the paper. So if you don't see full header texts on the screen you most likely won't see them on the paper.

Also, css is important especially @media print has influence that only affects printing.

Anyway, I've tried to run your app and print it on A4 landscape and it seems fine to me. Is there anything else you expected?

Screenshot 2024-12-13 at 09.25.34.png
Screenshot 2024-12-13 at 09.25.34.png (342.18 KiB) Viewed 578 times
Attachments
React App.pdf
(125.79 KiB) Downloaded 41 times

Post by it vec »

Have you changed something? I have the same configuration. I've tried connecting to my app from another PC, and I got the same result. I can't see the entire table in the print.

https://drive.google.com/file/d/1MvyBDZ11G3pLAco5gjLMJzsp1wlQFiRJ/view?usp=sharing


Post by ghulam.ghous »

Hey,

I have checked and the text is cutoff in the print popup just like you have shown it to us. But after you click on the print, the issue is not there anymore. This might be because Popup may depend on OS and browser and we cannot control the behaviour in the popup as it is being controlled by the browser. Can you please try downloading it and see if it works fine for you?


Post by it vec »

I've changed browsers and downloaded the file, but it doesn't seem to work. This is the resulting file.

https://drive.google.com/file/d/1gLdPOLuvOItuOvfTq_05VXFe2DRTJ28x/view?usp=sharing


Post by alex.l »

Hi,

Please highlight the problem you have with that in format: actual result / expected result.
Please attach an image how the screenshot of yuor application in browser, image of your print dialog with all settings shown.

All the best,
Alex Lazarev

How to ask for help? Please read our Support Policy

We do not write the code in bounds of forum support. If you need help with development, contact us via bryntum.com/services


Post Reply