如何使用 dataTable 打印按钮添加要打印的元素？答案

【问题标题】：How do I add element to be printed using dataTable print button?如何使用 dataTable 打印按钮添加要打印的元素？
【发布时间】：2018-04-16 01:42:37
【问题描述】：

我使用DataTable 打印按钮来打印文件。我想添加另一个div 打印在表格上方或下方。

我在数据表中使用这个脚本来添加一些标题

title : "This should be another element printed above the DataTable<br /><span id='txt-small' style='font-size:'12px !important;'>Dates : </span>",

但是，这可能不是正确的方法，因为我可能会在 DataTable 上方添加一个复杂的标题。

我还使用footer : true, 在<tfoot> 中添加要打印的内容，但我可能会在DataTable 下添加一个复杂的页脚。

那么，当我打印表格时，如何添加另一个元素div 或table 打印在DataTable 的上方或下方？

【问题讨论】：

标签： javascript jquery html datatables

【解决方案1】：

您可以使用customize 方法：

{
  extend: 'print',
  title: ' ',
  message: ' ',
  customize: function(win) {
    $(win.document.body).append('<html elements here>'); //after the table
    $(win.document.body).prepend('<html elements here>'); //before the table
  }
},

参考这里：Customisation of the print view window

【讨论】：