CODEWITHSUNDEEP
htmlcssprinting
BDesh
BDesh

Reputation: 168

Horizontal two column page printing issue

I have made a report that is two columns based and layout horizontal. I am trying to add page numbers but not working. Here is a jsfiddle 

   /*Page Number*/
    @page main-print-page:right {
        @bottom-right {
            content: counter(page);
            font-size: 11pt;
            color: grey;
        }
    }

Screenshot: enter image description here

We can see in the above screenshot, a horizontal page and two columns. Here should show page 1 and page 2 for per column

Can anyone help me?

Upvotes: 0

Views: 121

Answers (1)

zeeshan
zeeshan

Reputation: 11

 div.main-print-page{
         counter-reset: page;
       }
      .page{
         position:relative;
       }
      .page:nth-child(even):after {       

          counter-increment: page;
          content: counter(page);

      }

Upvotes: 1

Related Questions