Print page count with total page count using css

Question

I have a table that is filled with dynamic data and handles the fact that I used some page breaks when printing, everything works fine, but I need to show the pagination as " Page 1 of 3 and so on below each page while printing. I tried css, but I can only print the current page number. is there any other way to achieve it? here is my code

body { counter-reset: page; } .page-count:after { counter-increment: page; content: "Page " counter(page) " of " counter(pages); } 

Answer 1

Have you tried this:

 @page { @bottom-right { content: counter(page) " of " counter(pages); } }