Блог

Я пытаюсь распечатать компонент в react (используя react-to-print). Мне нужно указать количество страниц на каждой странице в нижнем колонтитуле. Для этого я использовал метод счетчика(страницы). Но счетчик страниц увеличивается только на первой странице. Я обнаружил много подобных проблем в stackoverflow, но не нашел правильного решения.

Ниже приведен мой нижний колонтитул в компоненте react.

 lt;tfootgt;   lt;div className={printClass.footerDiv}gt;  lt;/divgt;  ​lt;/tfootgt;  

А вот и CSS:

 @media print {  body {  counter-reset: page;  }   thead {  display: table-header-group;  }   tfoot {  display: table-footer-group;  }   tfoot::after {  position: fixed;  bottom: 0;  padding-left: 720px;  padding-bottom: 10px;  counter-increment: page;  content: counter(page);  }   headerDiv {  position: fixed;  top: 0;  padding-right: 7;  padding-left: 4;  padding-top: 7;  width: 100%;  height: 240px;  } }