将html表格下载到angularjs/javascript中的pdf中

将html表格下载到angularjs/javascript中的pdf中,javascript,jquery,html,angularjs,pdf,Javascript,Jquery,Html,Angularjs,Pdf,我有一个html格式的表格,看起来像这样 <table id="table" class="table table-bordered font" style="width: 100%; padding-top: 10px;"> <thead> <tr class="bg-primary textalign"> <

我有一个html格式的表格,看起来像这样

<table id="table" class="table table-bordered font" style="width: 100%; padding-top: 10px;">
                    <thead>
                        <tr class="bg-primary textalign">
                            <th>Details</th>
                            <th>SonVin Id</th>
                            <th>Date</th>
                            <th>Venue Name</th>
                            <th>City</th>
                            <th>Area</th>
                            <th>Amount</th>
                            <th>
                                <input type="checkbox" ng-click="allcheck()" ng-model="checkall" /><span style="margin-left: 10px;">Add Invoice</span>
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="fdata in getdataintable">
                            <td><a href="#" class="btn btn-success" ng-click="btndetails(fdata)" style="cursor: pointer" data-toggle="modal" data-target="#myModal">Details</a></td>
                            <td>{{fdata.sonvinid}}</td>
                            <td>{{fdata.date}}</td>
                            <td>{{fdata.venuename}}</td>
                            <td>{{fdata.location}}</td>
                            <td>{{fdata.area}}</td>
                            <td>{{fdata.amount}}</td>
                            <td>
                                <input type="checkbox" ng-checked="checkall" ng-model="fdata.checked" data-ng-click="calculateTotal(fdata)" /></td>
                        </tr>
                    </tbody>

                    <tbody>
                        <tr ng-repeat="totaldata in getdataintr">
                            <td colspan="6"></td>
                            <td>Total Amount</td>
                            <td>{{totaldata.amount}}</td>
                        </tr>
                    </tbody>
                </table>
我没有创建任何用于将数据下载到
pdf
的函数

当用户单击
此按钮时,表格应下载到
pdf


我需要在这里做什么?

你可以使用JSPDF我对此一无所知,这是什么你想查看我上次评论中共享的链接吗。我无法理解这是什么,它允许你用PDF编程生成。你可以使用JSPDF我对此一无所知,这是什么?您想查看我上一篇评论中共享的链接吗?我无法理解这是什么?它允许您使用PDF以编程方式生成。
 <div style="margin-top:50px; margin-left:30vh;">
                    <a href="#" class="btn btn-success active">Save And Download PDF</a>
                    <a href="#" class="btn btn-danger active">Don't Save And Select Again</a>
                </div>