Como não tenho o código para testar fica difícil te dar certeza absoluta como vai ficar o resultado. Mas na teoria, segundo a documentação, vc pode controlar essa fragmentação.
Cada ponto de quebra possível (em outras palavras, cada limite de elemento) é afetado por três propriedades: o break-after: valor
do elemento anterior, o break-before: valor
do próximo elemento e o break-inside: valor
do elemento contido.
Não vou me alongar em cada uma delas, mas vc pode consultar aqui a documentação da Mozilla, que é mais amigável que a documentação da W3C
No seu caso acredito que vc não quer cortar a tabela no meio, então use a propriedade break-inside:avoid
@media print {
table {
break-inside: avoid;
}
}
Ou se quiser que uma table sempre comece em uma nova página coloque
@media print {
table {
break-before: page;
}
}
Minha dica é que se não der certo tente com after
e before
tb, pois como te disse não tenho um ambiente para testar isso. E recomendo para vc a leitura dessa artigo da Smashing Magazine, que deve te interessar e fala um pouco sobre a Fragmentação https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/#css-fragmentation