2014-05-18 15 views
7

Tôi gặp sự cố khi tạo dữ liệu với kiểu dáng bootstrap. tôi đã nhận dữ liệu từ trang web này (http://datatables.net/manual/styling/bootstrap)cách tùy chỉnh hộp tìm kiếm dữ liệu khởi động và bản ghi vị trí xem

tôi tìm thấy ít hơn theo chế độ xem mà tôi đã tạo. Tôi làm cho thanh điều hướng phía trên bảng. vì vậy tôi muốn tạo hộp tìm kiếm và xem các bản ghi mà tôi đặt trong thanh điều hướng bên phải. vì đây là những gì tôi muốn.

trước: enter image description here

tôi muốn được như thế này

enter image description here

cách tùy chỉnh này? nơi mã javascript phải được thay đổi hoặc chỉ đủ tùy biến với jquery?

+0

Hộp tìm kiếm có thể nằm trên tiêu đề, chứ không phải bên trong mục dữ liệu, bạn cần sử dụng html tùy chỉnh cho việc này. –

+0

Bạn nên đặt mã của bạn trong [Jsfiddle] (http://jsfiddle.net) sẽ giúp chúng tôi giúp bạn dễ dàng hơn. – lvarayut

Trả lời

19

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

đọc cẩn thận rồi hãy đến đọc phần còn lại của bình luận đây là một ví dụ:

khi bạn hiểu viết

 $('#example').dataTable({ 


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


    ); 
}); 

này sẽ làm cho hộp tìm kiếm có một lớp đặt tên là "tìm kiếm" và để lại mọi thứ khác vì nó là bây giờ bạn có thể dễ dàng chỉnh sửa vị trí của hộp tìm kiếm bằng cách sử dụng css nếu bạn muốn làm giống như hình ảnh bạn posted chỉ cần viết

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

"sDom": '< "thả xuống" l>'

và css:

.dropdown { float: right; }

Các vấn đề liên quan