Print page number on each page, for example, 1 out of 4

Question

I am printing a dynamically generated Html table using the Print () function. To print the header and footer on each page when printing, I mentioned the style below.

It works correctly, now I need to put the page number in the <tfoot> of the footer, for example page 1 of 4 .

Please help, how can I set the page number?

 <style type="text/css"> @media print { thead { display: table-header-group; } tfoot { display: table-footer-group; } } @media screen { thead { display: block; } tfoot { display: block; } } </style> 

I tried this, but it did not work:

 @page :left { @bottom-left { content: counter(page); } } 

Internet Explorer -> File -> Page Setup -> Displays the header and footer. I want to change the value of the header header in the footer. want to change the value of the header and footer of Internet Explorer -> File -> Page Setup -> Header via css

I want the header not to appear when you type something, and the footer shows the page number in Internet Explorer, you can just go to the Page Settings page and delete "& b & p & p of & P" for the header and "& b & d" for the footer that shows page numbers and URLs.

However, I am developing a web application for several users and they will not want to have this URL and the displayed page number. Instead of going around every PC and changing the page settings in your Internet browser, is it possible to change the header and footer values ​​using JavaScript code on the web page that the user wants to print. And if so, how is this achieved. If there is a previous discussion of this issue, please point me to the thread.

Thanks (^ _ ^)

Answer 1

As far as I know, you cannot do this through a script. Settings to disable URLs are stored in a registry that is not accessible through a script.

Kita p>

Answer 2

Check out this javascript toolkit . It has sorting and some kind of page number, displaying the number of pages through CSS / javascript.