wie Bootstrap datatable Suchfeld anpassen und Datensätze Position anzeigen

Question

Ich habe ein Problem, wenn ich Datatable mit Bootstrap-Styling erstellen. Ich habe Datatable von dieser Seite (http://datatables.net/manual/styling/bootstrap)

Ich fand weniger in Übereinstimmung mit der Ansicht, die ich erstellt habe. Ich mache die Navigationsleiste über dem Tisch. also möchte ich ein Suchfeld erstellen und die Datensätze anzeigen, die ich in navbar-rechts eingefügt habe. wie das ist was ich will.

vor:

Ich möchte ähnliche

sein, wie dies gestalten? wo der JavaScript-Code, der geändert werden muss oder gerade genug Anpassung mit jquery?

Answer 1

http://datatables.net/examples/basic_init/dom.html

vorsicht lesen dann kommen und den Rest des Kommentars hier zu lesen, ist ein Beispiel:

, wenn Sie schreiben verstehen

 $('#example').dataTable({ 


     "dom":' <"search"f><"top"l>rt<"bottom"ip><"clear">' 
    } 


    ); 
}); 

dies das Suchfeld machen hat eine Klasse benannt "Suche" und alles andere wie es ist jetzt können Sie einfach die Position des Suchfeldes mit css bearbeiten, wenn Sie wie das Bild Sie tun möchten posted schreiben nur

"dom":' <"search"fl><"top">rt<"bottom"ip><"clear">' 

Answer 2

"sDom": '< "Dropdown" l>'

und CSS:

.dropdown { float: right; }