DataTables PDF horizontalen Export mit CSV-Export-Taste sowie

Question

Ich möchte meinen PDF-Export in horizontale ändern, aber die Beispiele enthalten nur die PDF-Export-Taste. Während ich sowohl die CSV- als auch die PDF-Schaltfläche habe, frage ich mich, wo ich meine CSV-Schaltfläche platzieren werde.

Aktuelle Code:

$('#sales').DataTable({ 
       dom: 'Bfrtip', 
       buttons: [ 
        'csvHtml5', 'pdfHtml5' 
       ], 
       "order": [[ 1, "desc" ]] 
      }); 

Ich möchte dies gelten:

$('#example').DataTable({ 
     dom: 'Bfrtip', 
     buttons: [ 
      { 
       extend: 'pdfHtml5', 
       orientation: 'landscape', 
       pageSize: 'LEGAL' 
      } 
     ] 
    }); 

Answer 1

hier ein Ausschnitt aus einer Arbeitslösung (Text ist Deutsch, entweder löschen oder in Ihre Sprache übersetzen). It 4 Buttons hinzufügen wird:

dom: 'Blfrtip', 
     buttons: [ 
      { 
       extend: 'colvis', 
       titleAttr: 'Sichtbare Spalten auswählen (gilt auch für Export)', 
       text: '<i class="fa fa-filter" aria-hidden="true"></i>' 
      }, 
      { 
       extend: 'csv', 
       titleAttr: 'Tabelle als CSV exportieren', 
       text: '<i class="fa fa-file-text-o" aria-hidden="true"></i>' 
      }, 
      { 
       extend: 'copyHtml5', 
       titleAttr: 'Tabelle in Zwischenspeicher kopieren', 
       text: '<i class="fa fa-clipboard" aria-hidden="true"></i>', 
       exportOptions: { 
        columns: ':visible' 
       } 
      }, 
      { 
       extend: 'excelHtml5', 
       title: 'Filialübersicht', 
       titleAttr: 'Tabelle als Exceltabelle exportieren', 
       text: '<i class="fa fa-file-excel-o" aria-hidden="true"></i>', 
       exportOptions: { 
        columns: ':visible' 
       } 
      }, 
      { 
       extend: 'pdfHtml5', 
       orientation: 'landscape', 
       title: 'Filialübersicht', 
       titleAttr: 'Tabelle als PDF exportieren', 
       text: '<i class="fa fa-file-pdf-o" aria-hidden="true"></i>', 
       exportOptions: { 
        columns: ':visible' 
       } 
      }, 
      { 
       extend: 'help', 
       titleAttr: 'Hilfe anzeigen', 
       text: '<i class="fa fa-question-circle" style="color:#FF480D;" aria-hidden="true"></i>', 
      } 

Die letzte Schaltfläche (Hilfe) ist ein Brauch ein, öffnet sich ein Fenster modal mit etwas Hilfetext.