有没有办法在javascript中使用jspdf和autotable导出所有html表格分页数据答案

【问题标题】：Is there way to export all html table pagination data using jspdf and autotable in javascript有没有办法在javascript中使用jspdf和autotable导出所有html表格分页数据
【发布时间】：2019-08-06 05:14:01
【问题描述】：

我正在将 HTML 表格数据导出为 PDF。我有很多数据要导出，因此我的 HTML 表格有一个分页选项。在导出时，我只得到出现在 JSP 页面上的数据。其他分页数据未以 PDF 格式获取。有没有办法获取所有 HTML 表格分页数据？我必须在 HTML 表格中使用分页选项，因为数据可能太大。

function exportTableToPDF(filename,report_title) {
    var doc = new jsPDF('p', 'pt','a4');
    var header = function(data) {
      if (data.pageCount > 1) {
        return false;
      }
      else
      {
        doc.setFontSize(11);
        //doc.setTextColor(200, 0, 255);
        doc.setFontStyle('bold');
        doc.text(report_title, data.settings.margin.left + 35, 60);
        doc.text('<%=DateLib.getDateTimeNow()%>', data.settings.margin.left + 35, 80);
      }
    };

    var totalPagesExp = '{total_pages_count_string}';
    var footer = function(data) {
      var str = 'Page ' + data.pageCount;
      // Total page number plugin only available in jspdf v1.0+
      if (typeof doc.putTotalPages === 'function') {
        str = str + ' of ' + totalPagesExp;
        console.log('test');
      }
      doc.text(str, data.settings.margin.left, doc.internal.pageSize.height - 30);
    };

    var options = {
      beforePageContent: header,
      afterPageContent: footer,
      pagesplit: true,
      margin: {
        top: 100
      }
    };

    var elem = document.getElementById('datatable-1');
    var data = doc.autoTableHtmlToJson(elem);
    doc.autoTable(data.columns, data.rows, options);

    // Total page number plugin only available in jspdf v1.0+
    if (typeof doc.putTotalPages === 'function') {
      doc.putTotalPages(totalPagesExp);
    }

    doc.save(filename);
  }

此提供的代码仅提取当时出现在 JSP 上的数据。例如，如果我在第 4 页的 HTML 表格使用了分页选项，这将只提取第 4 页的数据。

【问题讨论】：

使用HTML表格导出jQuery插件。
@Sai 我也面临 JQuery 插件的限制，如果我们在 HTML 表中看到 10 条记录，那么我只能导出 10 条记录

标签： java jquery jspdf-autotable

【解决方案1】：

本地可能不存在所有数据。您可以创建一种方法来将 pdf 的数据作为 json 获取，也可以立即以其他方式将其包含在页面上。

【讨论】：