是否有一个导出到pdf插件的ngtable

Question

让我的头围绕ngtable，但我找不到的是一种方法来导出tabledata为pdf格式?有任何插件可以做到这一点吗?

Answer 1

我们使用ng-table实现了http://www.cloudformatter.com/css2pdf。下面是对示例的修改:

http://jsfiddle.net/js64b/1181/

相关代码如下。一个技巧是确保将选项"namespaces"传递给格式化程序，以包含对ng:命名空间的(任何)引用。在下面的示例中，我们只是将其指向"http://www.foo.net"。

这是必需的，因为从HTML DOM中抓取内容，并将其转换为XML并进行转换。这种技术将这个(被忽略的)名称空间放在文档上，这样它就不是一个错误。

<script type="text/javascript" ng:autobind
src="http://code.angularjs.org/0.10.5/angular-0.10.5.js"></script>
<script src="http://www.cloudformatter.com/Resources/Pages/CSS2Pdf/Script/xeponline.jqplugin.js"></script>
<script src="http://www.cloudformatter.com/Resources/jquery.min.js"></script>
<div id="printme">
  <table ng:controller="SortableTableCtrl">
    <thead>
    <tr>
        <th ng:repeat="(i,th) in head" ng:class="selectedCls(i)" ng:click="changeSorting(i)">{{th}}</th>
    </tr>
</thead>
<tbody>
    <tr ng:repeat="row in body.$orderBy(sort.column, sort.descending)">
        <td>{{row.a}}</td>
        <td>{{row.b}}</td>
        <td>{{row.c}}</td> 
    </tr>
</tbody>
</table>
</div>
<button onclick="return xepOnline.Formatter.Format('printme',{render:'download',namespaces:['xmlns:ng=&quot;http://www.foo.net&quot;']});">PDF</button>

Answer 2

虽然它不是专门为ngtable构建的，但一个名为jsPDF的插件可能适合您。

https://parall.ax/products/jspdf

或者git

https://github.com/MrRio/jsPDF