angularjs - ng-grid データを CSV および PDF 形式にエクスポートする

Question

angularjs で ng-grid を使用して 1 つのグリッドを作成しました。グリッド データを CSV および PDF 形式にエクスポートする機能を追加したいと思います。angularjs でそのためのプラグインはありますか? そうでない場合、誰かがそれを達成する方法を私に提案できますか?.

Answer 1

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