2

Currently I doing a print page by using <thead> and <tbody>, since the will display on every page. I would like to insert a page number into like "Page 1/2". After I googled and looking for stackoverflow, the solution css already not work for currently browser. The code like this

@page {
    counter-increment: page;
    counter-reset: page 1;
    @top-right {
        content: "Page " counter(page) " of " counter(pages);
    }
}

So I am looking for the latest solution for insert page number into print page. Hope your all can share your approach no matter in css, javascript, jquery or html. Thank You! PS: Please don't tell me using print dialog setting to display page number

Reference: print page count with total number of pages using css

IE and Edge: Print page numbers on pages when printing html

Add Page number using Page Property of CSS for each printed pages from asp.net c#

Page numbers with CSS/HTML

Browser Support for CSS Page Numbers

Community
  • 1
  • 1
120196
  • 283
  • 6
  • 14

0 Answers0