表外的DataTable导出按钮

我的网页上有多个表格，每个表格都是一个DataTable，它运行正常。

我想在每个数据表上启用导出到excelfunction，但按钮应该在表DOM之外（并且每个表应该有自己的按钮来导出）。

我可以使用以下命令生成表DOM内的HTML5按钮：

$('#example').DataTable( { dom: 'Bfrtip', buttons: [ 'copyHtml5', 'excelHtml5', 'csvHtml5', 'pdfHtml5' ] } ); 

但是我想要在某种程度上我可以在表DOM之外附加一个按钮来充当特定表的excel导出。

Answer 1

通过构造函数初始化每个表按钮，您可以将按钮元素放在所需的任何容器中。 如果要将按钮放在表格外的

元素中，请执行此操作

 var buttons = new $.fn.dataTable.Buttons(table, { buttons: [ 'copyHtml5', 'excelHtml5', 'csvHtml5', 'pdfHtml5' ] }).container().appendTo($('#buttons')); 

演示 – > https://jsfiddle.net/qoqq3okg/

我不知道您的多表设置，但现在您只需要在每个

元素中插入一些元素，并将每个

按钮注入该元素，如上所述。

Answer 2

你也可以添加你的课程，

 buttons[0].classList.add('yourClassName');