angularjs - 将 ng-grid 数据导出为 CSV 和 PDF 格式

Question

我在 angularjs 中使用 ng-grid 创建了一个网格。我想添加将网格数据导出为 CSV 和 PDF 格式的功能。在 angularjs 中是否有可用的插件？如果没有，那么任何人都可以建议我实现它的方法吗？

Answer 1

Angular-Grid 有一个插件允许这样做，但作者警告说，此时它主要是一个概念证明：

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

确保打开 ng-grid 的页脚，否则您将看不到链接。

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>" ;