【问题标题】:Export DataTables to PDF is repeating the header将 DataTables 导出为 PDF 重复标题
【发布时间】:2018-07-23 19:04:08
【问题描述】:

我正在使用该功能从 jquery DataTables 导出 PDF。它可以工作,但它会重复如下图所示的标题:

有谁知道不重复标题的导出方法?

$("#table").DataTable({
    buttons: [
      {
      text: '<i class="fas fa-file-pdf"></i> PDF',
      extend: 'pdf',
      className: 'btn btn-danger',
      orientation: 'landscape',
      title: 'My table to PDF',
      pageSize: 'A3',
          exportOptions: {
            columns: [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 ]
        }
      }
  ],  
  responsive    : true,
  paging        : true,
  searching     : true
});   

【问题讨论】:

  • 我猜你的标记有一些问题,可能是想在你的&lt;thead&gt; 中有两个&lt;tr&gt; 部分?
  • 感谢您的评论,但标记是正确的,我在 中只有一个 ,标题重复出现在每个新页面的开头,但是,我只需要一个第一页的页眉,其余的只有数据
  • 现在我明白你的意思了!!有趣的问题,我认为以前从未有人问过这个问题。

标签: pdf datatables


【解决方案1】:

它没有很好的记录,但是在pdfmake 宇宙中搜索后,我意识到有一个headerRows 属性定义了标题应该重复多少页。这可以通过 DataTables 的 customize(doc) 回调进行操作:

buttons: [{
  extend: 'pdfHtml5',
  customize: function(doc) {
    doc.content[1].table.headerRows = 0
  }
}]

这将防止标题重复,即仅包含在第一页“0”中。

演示 -> https://jsfiddle.net/mzaudL7c/

注意doc.content 的结构可能因您的设置而异。因此,如果它不适合您 1:1,请调查 doc 以找到正确的索引。

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签