2017-02-02 1 views
1

Ich benutze Datatables-Plugin für die Anzeige von Daten in meiner HTML-Seite. Ich habe eine Anforderung, wo ich die Daten in der Datentabelle exportieren möchte.Wie ändert man den Standardnamen von Schaltflächen im Datatable-Plugin?

Datatable unterstützt diese Funktionalität durch einige Plugins und ein Beispiel kann here gesehen werden.

, was ich auf dem Bildschirm zu bekommen ist, dass die Export-Schaltflächen mit den festen Standardnamen wie unten

enter image description here

Ich mag die Standardnamen zu benutzerdefinierten Namen ändern. z.B. "Excel" zu "Exportieren nach Excel"

Wie kann ich das tun?

$(document).ready(function() { 
    $('#example').DataTable({ 
     dom: 'Bfrtip', 
     buttons: [ 
      'copy', 'csv', 'excel', 'pdf', 'print' 
     ] 
    }); 
}); 

In dem obigen Code, wenn ich die Standardnamen ändern, dann bricht meiner Funktionalität, weil Datatable die Funktionalität der Taste durch seinen Namen erkennt. Gibt es eine Eigenschaft, die ich benutzen sollte, um mir zu helfen, was ich will, oder irgendeinen anderen Ausweg?

+1

bitte finden [diesen Link] (https://datatables.net/reference/option/buttons.buttons.text), es wird Ihnen helfen, – Curiousdev

+2

wie der Link sieht, dass @Curiousdev Werke für Sie gab. Für eine andere Problemumgehung denke ich, dass Datatable mit Klassen arbeitet. Die Excel-Schaltfläche hat die Klasse "buttons-excel", wenn Sie das Element überprüfen. Sie können den Text des Child-Bereichs mit jquery ändern. – Qsprec

Antwort

3

Mit der neuen Version von Tables;

buttons: [ 
    { 
     extend: 'copy', 
     text: 'Copy to clipboard' 
    } 
] 

Hier ist die example from documentation.

+0

Gute Arbeit mannn! –

1

Sie können dies versuchen:

buttons: [ 
    { 
     sExtends: 'copy', 
     text: 'Custom text' 
    } 
] 
1
buttons: [ 
    { extend: 'excel', text: 'Export to excel' } 
] 
+0

Willkommen bei Stackoverflow! Bitte geben Sie weitere Informationen an, warum dieser Code die Frage beantwortet. – Matt

Verwandte Themen