Running a ctrl + p on an angular page only prints what you see on the screen

Viewed 417

I must configure my web page to print the entire document generated in html, by pressing ctrl + p I can only see what is seen on the screen (similar to a screenshot).

If in the browser I am seeing this on the screen, and I press ctrl + p, enter image description here

what the browser will try to print is this: (Only 1 page) enter image description here

How do I configure that when I perform a ctrl + p or click on the print option of the browser, it prints the entire html document?

1 Answers

You need to configure the page size

 @media print {
    @page {
      size: landscape;
      margin-left: 0;
      margin-right: 0;
    }
 }
Related