从自定义打印按钮触发数据表打印

时间:2017-08-02 17:04:05

标签: javascript jquery twitter-bootstrap datatable

我在Bootstrap3 Framework中有一个Datatable。我想提供一个通过“打印”按钮打印数据表的选项。

这是我的数据表

的jquery实例化
  

$('#数据表-例&#39)。数据表({
          '按钮':' excel',' pdf',' print']});

但是,打印按钮不适合我的主题,并希望通过自定义打印按钮触发数据表打印功能。知道如何实现这一目标吗?

参考:Documentation for Datatable Print

1 个答案:

答案 0 :(得分:2)

您应该添加如下自定义打印按钮事件:

按钮

<button id="btnPrint">Custom Print Button</button>

<强> JS

/* custom button event print */
$(document).on('click', '#btnPrint', function(){
   $(".buttons-print")[0].click(); //trigger the click event
});

您可以在此处查看实时演示:https://output.jsbin.com/cozadek

https://jsbin.com/cozadek/13/edit?html,output