how to customize bootstrap datatable search box and records view position
http://datatables.net/examples/basic_init/dom.html
read carefull then come and read the rest of the commenthere is an example:
when you understand write
$('#example').dataTable({ "dom":' <"search"f><"top"l>rt<"bottom"ip><"clear">' } );});this will make the search box has a class named "search" and leave everthing else as it isnow you can easily edit the position of the search box using cssif you want to do like the picture you posted just write
"dom":' <"search"fl><"top">rt<"bottom"ip><"clear">'
"sDom":'<"dropdown"l>'
and css:
.dropdown { float: right;}