PrimeNG DataTableには、データをCSVファイルにエクスポートする機能があります。 Excel、PDF、XMLにデータをエクスポートする機能を提供する必要があります。 Angular2アプリケーションでこれをどのように達成できますか?PrimeNG DataTableをエクセル、pdf、xmlにエクスポート
5
A
答えて
0
PrimeNgは、ネイティブでCSVにデータ可能なもの以上のものをサポートしていません。したがって、この機能を「最初から」構築する必要があります。
良いアプローチは次のようになります:
あなたはすでにあなたの成分を返す内のオブジェクトにデータを持っています。これは、このようなあなたのDataTableに渡すオブジェクトのようになります。
<p-dataTable [value]="cars">
ので、我々のデータは、車のオブジェクトです。あなたの成分を返すには、あなたのデザイン」の行で何かを読んでいましたボタンに合った他の部分あなたのDataTableヘッダにまたはのいずれかを追加することです
this.cars
次のステップを使用してアクセスすることができますpdfをダウンロードしてください。
<p-button label="Click to download PDF" styleClass="ui-button-info" (click)="download()"></p-button>
あなたはPDFまたは他のどんなフォーマットあなたが必要にデータを変換する必要がダウンロード方式で最後に
をクリックしたときに、これはあなたのコンポーネントのメソッドのダウンロードを呼び出します。このような何か。これは、多くのオンラインライブラリの1つ、たとえば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');
関連する問題
- 1. PrimeNg DataTable Clickイベント
- 2. primeNG dataTable colspan tbody - solution
- 3. DATATABLEは、ここでエクスポートしたPDFファイル
- 4. 角型Primeng Datatable Paginatorボトムアンカー
- 5. PrimeNG DataTable内に画像を表示
- 6. エクスポート角度データテーブルに(印刷、PDF、エクセル、コピー)選択した列
- 7. エクセルを空白のセルを含むXMLスプレッドシートにエクスポート
- 8. primeng datatable列から値を取得
- 9. エクセルPDF問題
- 10. エクセルExportAsFixedFormat PDF
- 11. エクセルにエクスポートするExtJSグリッドパネル
- 12. Open Xml SDKを使用してDataTableをExcelにエクスポートするC#
- 13. PrimeNG DataTable行の選択 - 色の変更
- 14. PrimeNG DataTableカスタムソートまたはフィルタリング(角2)
- 15. DataGridView SelectedRowsをDataTableにエクスポート
- 16. jqgridをエクセルにエクスポートするには?
- 17. ダイナミックフィールドを含むエクセルからエクセルにエクスポートする方法
- 18. PDFフォームフィールドをxmlに自動的にエクスポートする方法
- 19. PDFファイルにエクスポート
- 20. sqliteをエクセルにエクスポートする方法
- 21. PDFをローカルフォルダにエクスポート
- 22. PrimeNG Datatable - 特定の行のセル編集を無効にする
- 23. EPPlusでエクスポートするDataTableをエクスポートする
- 24. サポートEPUB3のファイル(PDF、ワード、エクセル)
- 25. Ext.net GridPanel PDFにエクスポート
- 26. ASP WebページをPDFにエクスポート
- 27. DataGridデータをPDFにエクスポート
- 28. DIVをPDFにエクスポートする
- 29. HTMLページをPDFにエクスポート
- 30. 画像をPDFにエクスポート
http://stackoverflow.com/questions/37456858/how-to-export-my-json-data-into-pdf-excel: だから我々のコードで、私たちはダウンロード機能の内部で持っています-using-angular-2 –