Question

我在angularJS中挣扎着出口功能。我有一个由动态数据组成的表。由于它包含大量数据，我使用dir-paginate。分页对我很有用。但是当涉及到导出时，当前页面数据只是导出而不是其他页面数据。以下是我的表格：

<table class="table table-striped" ng-if="worklist.finalarr.length>0">
     <thead>
         <th>S.No</th>
         <th>User</th>
         <th>Contact Name</th>
         <th>Company Name</th>
         <th>Phone</th>
         <th>City</th>
     </thead>
     <tbody>
         <tr dir-paginate="data in worklist.finalarr| filter:search|itemsPerPage:10" id="export">
              <td>{{$index+1}}</td>
              <td>{{data.empid}}</td>
              <td>{{data.name}}</td>
              <td>{{data.firmname}}</td>
              <td>{{data.contact}}</td>
              <td>{{data.city}}</td>
         </tr>
     </tbody>
</table>
<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true" style="float:right" ng-if="worklist.finalarr.length>0">
</dir-pagination-controls>

以下是我使用html2canvas（controller.js）导出数据的尝试之一：

$scope.export = function(){
    html2canvas(document.getElementById('export'), {
        onrendered: function (canvas) {
            var data = canvas.toDataURL();
            var docDefinition = {
                content: [{
                    image: data,
                    width: 500,
                }]
            };
            pdfMake.createPdf(docDefinition).download("demo"+".pdf");
        }
    });
}

我知道html2canvas有助于捕获仅存在于视图中的网页数据。所以请帮我一个替代方案。

先谢谢

如何将动态分页数据导出为PDF？

0 个答案: