Question

I have a web application that produce its reports in HTML format. Sometimes these reports become very much and the window shows scrollbars.
The problem I have is that I can just print what I see in the web page, and whenever I want to print them, I have not more than 1 page to print. So I lose other repots that I expect to be in other papers.

What do I have to do ?

Answer 1

The nature of the problem

Your problem is associated with styling.

It is hard to tell what exactly your problem is – we did not have a chance to see your stylesheets. For sure you should rewrite them to not crop the pages.

Apply different stylesheets to screen and print

One idea is to change current stylesheet to be applied only to screen media and apply different one specifically to printed media.

You can do it like that in HTML:

<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />

or like that in CSS (example from W3C):

@import url("fancyfonts.css") screen;
@media print {
    /* style sheet for print goes here */
}

Print-specific styling

For details on print-specific styles see the following page: http://www.w3.org/TR/CSS2/page.html

In your case the following styling may become useful:

table { page-break-inside: auto; }
tr { page-break-inside: avoid; page-break-after: auto; }
thead { display: table-header-group; }
tfoot { display: table-footer-group; }

It will allow for page breaks inside the table, will try to avoid page breaks inside rows, and will repeat both headers and footers of the table on each page. However, check whether it works in your target browsers, to be sure.