是否有针对ngtable的pdf插件导出?

时间:2015-08-05 01:28:58

标签: pdf ngtable

了解ngtable,但我无法找到将tabledata导出为pdf格式的方法?有没有可以做到这一点的插件?

2 个答案:

答案 0 :(得分:2)

我们使用ng-table实现了http://www.cloudformatter.com/css2pdf。这是样本的小提琴:

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

相关代码如下。一个技巧是确保通过选项"名称空间"进入格式化程序以包含(任何)对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>

答案 1 :(得分:1)

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

https://parall.ax/products/jspdf

或git

https://github.com/MrRio/jsPDF