Jquery plugin DataTables individual column filtering on top?

Question

I use this api with DataTables : http://www.sprymedia.co.uk/dataTables/example_multi_filter.html

But How I can put seach inputs above the table, next to "Search all columns"??

Answer 1

You could try with CSS:

tfoot {
    display: table-header-group;
}

Answer 2

You can use column filter add-on for DataTables. It can be configured to place filters below and above the heading row. See http://jquery-datatables-column-filter.googlecode.com/svn/trunk/dateRange.html, http://jquery-datatables-column-filter.googlecode.com/svn/trunk/numberRange.html and other examples on the site.

Quick update: The two URLs above are invalid now. Here's a working one: https://code.google.com/archive/p/jquery-datatables-column-filter/