以 PDF 格式导出数据

Question

我现在通过 jquery 在表中填充数据我想以 pdf /excel 导出该数据为此我尝试这个链接 export data link

我成功地尝试了这项工作，然后我将此代码添加到我的文件中

    <a href="#" onclick="$('#tabledata').tableExport({ type: 'excel', escape: 'false' });">XLS</a>

<a href="#" onclick="$('#tabledata').tableExport({ type: 'pdf', escape: 'false' });">PDF</a>

我在 pf jquery 的帮助下创建表

 success: function (result) {
             var final = JSON.parse(result.d).response;

             console.log(JSON.parse(result.d).response);
             $("#tabledata").empty();

             if (final.length > 0) {
                 $("#tabledata").append(
          "<tr><th>ID</th><th>Owner</th><th>RegNo</th></tr>");

                 for (var i = 0; i < final.length; i++) {

                     if (final[i] !== null) {
                         $("#tabledata").append("<tbody><tr><td>" +
                                             final[i][0] + "</td> <td>" +
                                             final[i][1] + "</td> <td>" +
                                             final[i][2] + "</td></tr></tbody>");

                     }
                 }
                 $("#tabledata tr:first").addClass('GridviewScrollHeader');
                 $("#tabledata tr").addClass('GridviewScrollItem');
                 $("#tabledata").addClass('GridviewScrollPager');

             }

好的，现在这也可以获取带有标题的数据，但现在的问题是 pdf 中只有两列显示第三列我认为由于格式设置不显示 检查图像 image

我是怎么做到的

任何解决方案

Answer 1

如果允许使用插件，请使用数据表插件。它非常易于使用，允许我们将 html 表格数据导出为 pdf、txt、xls

以下是原始链接中的示例供参考：

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copyHtml5',
            'excelHtml5',
            'csvHtml5',
            'pdfHtml5'
        ]
    } );
} );

可以在此处找到包含完整示例的参考站点： https://datatables.net/extensions/buttons/examples/html5/simple.html