Есть ли в Angular 6 метод для создания PDF с правильными выравниваниями? - PullRequest
0 голосов
/ 11 февраля 2020

Я использую 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 enter image description here

...