How to place DataTables column filter on top

Question

I am using jQuery DataTables latest version. I want to use individual column filter on every table so am using the column filter plugin but am getting search boxes in foote

Answer 1

In CSS you can use

display: table-header-group; //on tfoot

and

display: table-row-group; //on thead

You'll get them positioned like this:

tfoot
thead
tbody