將網格數據導出爲CSV和PDF格式

Question

我已經在angularjs中使用ng-grid創建了一個網格。我想添加導出網格數據爲CSV和PDF格式的功能。是否有在angularjs中可用的插件？如果不是，那麼任何人都可以建議我實現它的方式？

Answer 1

有對角網格中的插件，允許這一點，但作者警告說，它主要是在這一點概念證明：

https://raw.githubusercontent.com/duro/my-angular-requiejs-example/master/vendor/angular-ui-ng-grid/plugins/ng-grid-csv-export.js

從上面的資料庫加載代碼後，可以將以下行添加到您的網格配置中：

plugins: [new ngGridCsvExportPlugin()], 
showFooter: true 

Answer 2

請務必打開您的網格頁腳，否則您將看不到該鏈接。

showFooter: true 

而且，我使用jQueryUI的，我得到的鏈接顯示了這個更漂亮：

//var csvDataLinkHtml = "<div class=\"csv-data-link-span\">"; 
//csvDataLinkHtml += "<a href=\"data:text/csv;charset=UTF-8,"; 
//csvDataLinkHtml += encodeURIComponent(csvData); 
//csvDataLinkHtml += "\" download=\"Export.csv\">Export to Excel</a></div>" ; 

var csvDataLinkHtml = "<a style='float:right;margin:10px;' class=\"csv-data-link-span btn btn-primary\" href=\"data:text/csv;charset=UTF-8,"; 
csvDataLinkHtml += encodeURIComponent(csvData); 
csvDataLinkHtml += "\" download=\"Export.csv\">Export to Excel</a>" ;