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

Question

I use DataTable print button to print files. 我使用DataTable打印按钮来打印文件。 I'd like to add another div to be printed above or under the table. 我想在桌子上方或下方添加另一个div 。

I use this script in datatable to add some header 我在datatable中使用这个脚本来添加一些标题

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

But, it's probably not the right method because I may add a complex header above the DataTable. 但是，它可能不是正确的方法，因为我可能会在DataTable上面添加一个复杂的标头。

I also use footer : true, to add something to print in <tfoot> but then again I may add a complex footer under the DataTable. 我也使用footer : true,在<tfoot>添加要打印的内容但是我可以在DataTable下添加一个复杂的页脚。

So, how do I add another element div or table to be printed above or under the DataTable when I print the table? 所以，我怎么添加其他元素div或table上面或数据表下打印时我打印表格？

Answer 1

You can use the customize method: 您可以使用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
  }
},

Reference here : Customisation of the print view window 参考此处：自定义打印视图窗口

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

问题描述

1 个解决方案

解决方案1
3 已采纳 2018-04-16 01:51:22

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

问题描述

1 个解决方案

解决方案1 3 已采纳 2018-04-16 01:51:22

解决方案1
3 已采纳 2018-04-16 01:51:22