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

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

2 个答案: