Javascript 如何使用pdf格式的html css生成相同的表

我在我的项目中生成一个html css格式的PDF文档

在这个pdf中，我在每一个新的页面上重复表格和摘要。但是，整个块不会返回到页面顶部

      <section class="summaryPage">`;
  if (data.familyList && data.familyList.length) {
    data.familyList.map((family) => {
      template += `
        <table style="page-break-after: always;">
          <thead>
            <tr>
              <th class="head_table">Valaé PROCLUB</th>
              <th class="head_table_center">CATALOGUE ${data.catalogDep.Catalog.label} <p>${family.label}</p>
              </th>
              <th class="head_table">35 ${(data.catalogDep && data.catalogDep.millesime) ? data.catalogDep.millesime : ''}</th>
            </tr>
          </thead>
        </table>
        <ul style="page-break-after: auto;">
          <p>Sommaire</p>`;
      family.Subfamily.map((subfamily, idx) => {
        template += `
          <li>${subfamily.label}</li>`;
        return subfamily;
      });
      template += `
        </ul>
      `;
      return family;
    });
  }
  template += `
      </section>

`；
if（data.familyList&&data.familyList.length）{
data.familyList.map（（family）=>{
模板+=`
瓦莱普洛克吕布
目录${data.catalogDep.Catalog.label}${family.label}

35${（data.catalogDep&&data.catalogDep.millesime）？data.catalogDep.millesime:'}
{
模板+=`
${subfamily.label}
`；
返回亚科；
});
模板+=`

`;
回归家庭；
});
}
模板+=`

我在css中找不到解决方案，谢谢你的帮助