Datatables sDom challenge fügen Sie neues Element in der unteren linken Ecke der Tabelle hinzu

Question

Ich möchte eine "Refresh" -Schaltfläche zu meinen Tabellen am Ende der Tabelle hinzufügen. Aber ich habe gerade begonnen, Daten zu verwenden, und es ist ein wenig verwirrend, wie es der "sDom" -Teil ist, wo es heißt, dass ich das durch diese Mittel tun kann, aber die Beschreibung ist bestenfalls vage.

"sDom": '<"top"i>rt<"bottom"flp><"clear">' 

ist das datatables.net Beispiel, aber ich weiß nicht, wie Kopf oder Zahl davon zu machen und alles, was ich tun möchte, ist eine einfache Sache.

Oder gibt es eine Außenseite von "sDom", die für das, was ich tun möchte, besser geeignet wäre?

Answer 1

Hier ist ein Live-Beispiel für eine modifizierte sDom.

http://live.datatables.net/onaqul/edit#javascript,html,live

Hier sind die Injektion wir eine div<div id="refresh"></div> mit dem structrue <"#refresh"> genannt.

$('#example').dataTable({ 
     "sDom": '<"top"i>rt<"bottom"<"#refresh">flp><"clear">' 
     }); 

Wenn Sie das erzeugte dom im Beispiel untersuchen, können Sie sehen, <div id="refresh"></div> innerhalb von <div class="bottom"></div> eingefügt wurde.

Ich denke viel hängt (1) ab, wie Ihre bestimmte Tabelle seine Fußzeilenelemente hat, (2) wo Sie sich entscheiden, Ihr spezifisches Element mit sDom zu injizieren, und (3) wie Sie die Elemente mit gestalten Ihre CSS.

Alternativ können Sie eine Schaltfläche außerhalb der Umgebung für Databases erstellen, aber verwenden Sie jquery, um die Schaltfläche an eines der dom-Elemente anzuhängen oder anzuhängen, die von datatables erstellt werden.

Hoffe, das ist ein nützlicher Ausgangspunkt.

Answer 2

Ich stimme Ihnen zu, dass die DataTables 'sDom' Eigenschaft ist verwirrend. Persönlich habe ich einfach sDom gleich 't', die nur die Tabelle erstellt, und ich füge irgendwelche Schaltflächen oder was haben Sie außerhalb der DataTables-Code mit jQuery oder eine andere Methode. Keine große Antwort, aber das würde ich tun, wenn ich in Ihrer Situation wäre und etwas Einfaches wie einen Knopf machen wollte.