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

如果您被允许使用插件，请使用datatable插件。它非常易于使用，并允许我们将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

e以PDF格式导出数据

1 个答案: