将网格数据导出为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>" ;