Individual column searching (select inputs) display the search box at the top with scroll

denis.khuc

Hi,

From example https://datatables.net/examples/api/multi_filter_select.html

I use this following code to display the search box at the top :

tfoot {
display: table-header-group;
}

But when activating scroll bar the search box is displayed at the bottom.

$('#example').DataTable( {
"scrollY": "200px"
} );

Is there a way to display the search box at the top with the scroll activated?

jr42.gordon

In the linked example you provided, they append the select boxes to the table footer at line 7. If you want it in the header, replace .footer() with .header().

Alternatively, you could check out https://github.com/vedmack/yadcf