Przycisk eksportu DataTable poza tabelą

Question

Mam wiele tabel na mojej stronie internetowej i każda z nich jest DataTable, działa dobrze.

Chcę włączyć eksportowanie do funkcji Excel na każdym z datatable, ale przycisk powinien być poza DOM tabeli (i każda tabela powinna mieć własny przycisk do eksportu).

mogę genrate przycisk HTML5 wewnątrz tabeli DOM przy użyciu:

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

Ale chcę jakoś przez które mogę dołączyć przycisk poza DOM tabeli pełnienia funkcji Eksport do Excela dla określonej tabeli.

Answer 1

Inicjuj przyciski każdej tabeli za pomocą constructor, dzięki czemu można umieścić elementy przycisków w dowolnym pojemniku, który chcesz. Jeśli chcesz umieścić przyciski w <div id="buttons"></div> elementu poza stołem, czy ten

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

Demo ->https://jsfiddle.net/qoqq3okg/

nie wiem swoje wielokrotne konfigurowanie tabel, ale teraz po prostu trzeba wstawić jakiś elementy wzdłuż każdego elementu <table> i wstrzykiwać przyciski dla każdej tabeli do tego elementu, jak opisano powyżej.

Answer 2

Możesz dodać swoją klasę również

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