Estoy usando estas opciones para exportar html a pdf de html2pdf.

 html2pdf(document.getElementById('pm-pdf'), { margin: 10, filename: 'PM.pdf', image: { type: 'jpeg', quality: 0.98 }, html2canvas: { scale: 2, logging: true, dpi: 192, letterRendering: true }, jsPDF: { unit: 'mm', format: 'a3', orientation: 'portrait' } });

y esta es la vista de la tabla en mi aplicación. y puedes ver que está bien diseñado. Antes de exportar en pdf

Pero cuando lo exporto como pdf, se rellena desde la parte superior como se puede ver en la imagen. después de exportar en pdf

Soluciones que ya probé.

1. eliminó todas las clases excepto 'row' y 'col'
2. tabla eliminada e implementada con una etiqueta simple y agregando un borde en ella.
3. html2canvas.

*solo código de tabla

 <table class="table table-bordered"> <tbody> <tr class="prnt" *ngFor="let component of routineJobData.pmComponents[title]; let i=index"> <td>{{component.label}}:</td> <td>{{component.value}}</td> </tr> </tbody> </table>