title: How to add page numbers when printing the document using CSS or javascript/jquery
body: <p>I want to add a page numbers when printing the document and I did search on it and I found that we can achieve this using CSS. For this we need to use @page css property. So I have added the following code</p>
  
  <pre><code>@page {
    /*margin-top: 15mm;*/
    margin-bottom: 25mm;
    margin-left: 30mm;
    margin-right: 30mm;
  
    @bottom-center {
    counter-increment: page;
    counter-reset: page 1;
        content: "page " counter(page);
    }
  }
  </code></pre>
  
  <p>But I am facing the one problem, the above mentioned properties all are applied but my page numbers are not displaying. I don't know why its happening. </p>
  
  <p>Can anyone facing the same issue? or anyone know the solution,please help out to fix this issue.</p>