2014-05-18 15 views
7

Mam problem, kiedy został utworzony datatable z stylem bootstrap. Mam datatable z tej strony (http://datatables.net/manual/styling/bootstrap)jak dostosować pole wyszukiwania danych wyjściowych i rekordów pozycji widoku

znalazłem mniej zgodnie z poglądem, który stworzyłem. Ustawiam navbar nad tabelą. więc chcę zrobić pole wyszukiwania i wyświetlić rekordy, które umieściłem w prawym pasku nawigacyjnym. ponieważ tego właśnie chcę.

przed: enter image description here

chcę być jak ten

enter image description here

jak dostosować to? gdzie kod javascript, który należy zmienić, lub tylko tyle dostosowywania z jquery?

+0

Pole wyszukiwania znajduje się prawdopodobnie w nagłówku, a nie wewnątrz datatable, do tego celu należy użyć niestandardowego html. –

+0

Powinieneś umieścić swój kod w [Jsfiddle] (http://jsfiddle.net), który ułatwi nam pomoc. – lvarayut

Odpowiedz

19

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

czytać ostrożny następnie przyjść i przeczytać resztę komentarza Oto przykład:

kiedy zrozumiesz napisać

 $('#example').dataTable({ 


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


    ); 
}); 

uczyni to pole wyszukiwania ma klasę o nazwie "szukaj" i zostaw wszystko inne, jak to jest teraz możesz łatwo edytować pozycję pola wyszukiwania za pomocą css , jeśli chcesz zrobić jak obraz, który napisali wystarczy napisać

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

"sdom": '< "rozwijanej" l>'

i css:

.dropdown { pływaka: prawo; }

Powiązane problemy