Горизонтальная проблема печати двухколоночной страницы

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);

      }