使用jquery数据表将表导出为pdf

时间:2017-11-22 16:05:12

标签: jquery pdf jspdf-autotable

我有一个html表

<table id='print' class='table table-bordered' style='width:100%'>
    <thead>
    <tr><td colspan='2'><h3><center><img src='". plugins_url('menu-pages/logos/'.$logo.'', __FILE__)."' />".$get_r[0]->value."</center></h3></td></tr>
    <tr><td>Roll No</td><td>$stid</td></tr>
    <tr><td>Center Code</td><td>Center Code</td></tr>
    <tr><td>Language</td><td>".ucfirst($get_s[0]->language)."</td></tr>
    <tr><td>Name</td><td>".$get_s[0]->name."</td></tr>
    <tr><td>Father's Name</td><td>".$get_s[0]->fname."</td></tr>
    <tr><td>Mobile No</td><td>".$get_s[0]->mobile."</td></tr>
    <tr><td>State</td><td>".$get_t[0]->name."</td></tr>
    <tr><td>District</td><td>".$get_u[0]->districtname."</td></tr>
    <tr><td colspan='2'><center>".$get_r[2]->value."</center></td></tr></thead></table>

我想使用autotable

将其导出为pdf

我正在使用以下代码

    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" />
<script type="text/javascript" src="//code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $('#print').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    } );
} );
</script>

当我正在运行时,它正在显示

No data available in table

我在做什么错误请帮帮我

2 个答案:

答案 0 :(得分:0)

您已将整个表格包装在thead标记中,这就是DataTable认为没有数据的原因。 您需要使用thead包装标题行,并使用tbody

包装数据行

您还需要确保您的表格格式正确并且每行中的列数相同,否则您将收到其他错误。

答案 1 :(得分:0)

<table id="print" class="table table-bordered" style="width:100%" border="1">
 <tbody>
<tr>
    <td colspan="2"><h3 img src=". plugins_url('menu-pages/logos/'.$logo.'', __FILE__)."><center>".$get_r[0]-value."</center></h3>
    </td>
</tr>
<tr>
    <td>Roll No</td>
    <td>$stid</td>
</tr>
<tr>
    <td>Center Code</td>
    <td>Center Code</td>
</tr>
<tr>
    <td>Language</td>
    <td>".ucfirst($get_s[0]->language)."</td>
</tr>
<tr>
    <td>Name</td>
    <td>".$get_s[0]->name."</td>
</tr>
<tr>
    <td>Father's Name</td>
    <td>".$get_s[0]->fname."</td>
</tr>
<tr>
    <td>Mobile No</td>
    <td>".$get_s[0]->mobile."</td>
</tr>
<tr>
    <td>State</td>
    <td>".$get_t[0]->name."</td>
</tr>
<tr>
    <td>District</td>
    <td>".$get_u[0]->districtname."</td>
</tr>
<tr>
<td colspan='2'><center>".$get_r[2]->value."</center></td>
</tr> 
</tbody>
</table>