出口PrimeNG的DataTable到Excel，PDF和XML

Question

PrimeNG DataTable中有一個功能，將數據導出到CSV文件。我需要提供將數據導出到Excel，PDF和XML的功能。我如何在我的Angular2應用程序中實現這一點？

Answer 1

PrimeNg不支持什麼比數據表更CSV本身。所以你需要從「scratch」構建這個功能。

一個很好的辦法是這樣的：

1. 你已經在你的成分，它一個對象的數據。這將是你在你的數據表通過這樣的對象：

   <p-dataTable [value]="cars">

   所以我們的數據是在汽車對象。在您的成分，它可以使用

   this.cars

2. 下一步將是要麼添加到您的數據表的頁眉或在適合你設計一個按鈕，會讀東西的行「的任何其他部分進行訪問下載pdf「。事情是這樣的：

   <p-button label="Click to download PDF" styleClass="ui-button-info" (click)="download()"></p-button>

   最後，在你需要你的數據轉換爲PDF或任何其他格式，你需要下載方法點擊

3. 何時會調用該方法在下載您的組件。這可以使用許多圖書館的一個網上很容易做到，例如用於PDF：jsPDF。有角的工作示例可以在這裏找到：plunker example jsPDF angular4。 因此，在我們的代碼，我們有下載功能裏：

   let doc = new jsPDF(); 
   let col = ["Details", "Values"]; 
   let rows = []; 
   for(let key in this.cars){ 
       let temp = [key, item[key]]; 
       rows.push(temp); 
   } 
   doc.autoTable(col, rows); 
   doc.save('Test.pdf');