Я использую angular 6. Я сгенерировал PDF со страницы листинга, используя jspdf. Метод работает нормально, и PDF генерируется. Но, к сожалению, содержимое списка не выровнено должным образом. Я с нетерпением жду вашего ответа.
component.ts
@ViewChild('content') content:ElementRef;
public downloadPDF(){
// this.inventoryservice.downloadPDF();
console.log("inside stock-summary-report.component.ts")
let doc=new jsPDF();
let specialElementHandlers={
'#editor':function(element,renderer){
return true;
}
};
let content=this.content.nativeElement;
doc.fromHTML(content.innerHTML,15,15,{
'width':50,
specialElementHandlers
});
doc.save('stock_summary.pdf');
}
component. html (Это страница для создания PDF)
<div align="right" >
<button type="button" (click)="downloadPDF()"><img src="assets/img/icons/pdf.png" height="25px" width="20px" alt="pdf"></button>
</div>
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-body" id="content" #content>
<table class="table table-lg-12">
<thead font-size="2px" align="left" >
<tr>
<th>#</th>
<th>Product</th>
<th>Product Group</th>
<th>Quantity</th>
<th>Value</th>
</tr>
</thead>
<tbody >
<tr *ngFor="let allStock of allStocks">
<td>{{allStock.id}}</td>
<td>{{allStock.item}}</td>
<td>{{allStock.item_group}}</td>
<td>{{allStock.quantity}}</td>
<td>{{allStock.value}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
pdf