2015-09-17 14 views

Antwort

38

Ihnen fehlt einfach die l Flagge in dom. l für "längenverändernde Eingabesteuerung".

dom: 'lBfrtip' 

wird das Dropdown wieder erscheinen.

aktualisiert Geige ->http://jsfiddle.net/p33x5L3t/1/
dom Dokumentation ->https://datatables.net/reference/option/dom

+1

Danke, das war sehr hilfreich! Eine Frage: Wenn Sie Ihren Fix benutzen, erscheinen die Buttons wieder, aber sie sind ziemlich nah an dem "show entries dropdown" ... was ist eine gute Möglichkeit, etwas Abstand/Leerzeichen zwischen dem Ende des Wortes "entries" und dem erste Exporttaste (Kopieren)? –

+1

Muss ich vielleicht die CSS-Datei für die Datatables-Schaltfläche bearbeiten? (Ich bin ziemlich neu in diesen Dingen, sorry, wenn meine Fragen dumm sind) –

+1

@ZubinMukerjee, Es hängt ein wenig von der Art von Styling Sie verwenden. I.e default built in, bootstrap, foundation etc. Sie könnten einfach einen Abstand zum Button container '.dt-buttons {margin-left: 50px; } '** https: //jsfiddle.net/2nwqa2jk/2/** oder wickeln Sie Schaltflächen in einen formatierten Container wie' dom: 'l <".margin" B> frtip'' ** https: //jsfiddle.net/2nwqa2jk/3/* * – davidkonrad

2

Ich weiß, es ist zu lang, aber wenn jemand dieses Problem weiterhin gegenüber, dann bitte folgendes tun, es ist eine alternative Antworten.

Add 'pageLength' innen Tasten wie folgt:

$('#example').DataTable({ 
    dom: 'Bfrtip', 
    buttons: [ 
     'pageLength','copy', 'csv', 'excel', 'print' 
    ] 
}); 
Verwandte Themen