横向两栏页打印问题

Question

我制作了一份基于两列且横向布局的报告。我正在尝试添加页码但不工作。这是jsfiddle

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

截图：

我们可以在上面的截图中看到，一个水平页面和两列。这里应该显示每列的第 1 页和第 2 页

谁能帮帮我？

Answer 1

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

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

      }