表格外的DataTable导出按钮

2021/01/26 07:31 · jquery ·  · 0评论

我的网页上有多个表,每个表都是一个DataTable,它工作正常。

我想在每个数据表上启用Excel导出功能,但是该按钮应位于表DOM之外(每个表应具有自己的按钮以进行导出)。

我可以使用以下方法在表格DOM内生成HTML5按钮:

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

但是我想以某种方式可以在表DOM外部附加一个按钮,以作为特定表的excel导出。

通过构造函数初始化每个表的按钮,这样您就可以将按钮元素放置在所需的任何容器中。如果要将按钮放置<div id="buttons"></div>在表格外部的元素中,请执行此操作

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

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

我不知道您的多表设置,但是现在您只需要沿每个<table>元素插入一些元素,并如上所述将每个表的按钮注入该元素。

您也可以添加课程,

buttons[0].classList.add('yourClassName');
本文地址:http://jquery.askforanswer.com/biaogewaidedatatabledaochuanniu.html
文章标签: ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!