JQuery (only about CSS ) DataTable plugin's layout positioning

Question

At the picture above there's a 'search' box on the upper-right, which part of the following codes that manage it ? :

https://cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css https://cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js

I try it again and again , but i couldn't find it, i tried to inspect the elements but have no idea what' i'm doing. I really appreciate your help, thanks.

Answer 1

If you want to change where the search box is rendered you can use the "dom" option to define a template of what and where things render. See here for an explanation (f is the character used for the search box).

If you want to target the search box in your CSS you can use the .dataTables_filter selector. This is the wrapping element for the search box and contains the actual search input.