Column Header Gone After Add Filter Select on Header

nicholasrpb

Hi All,

I am using this feature: https://datatables.net/examples/api/multi_filter_select.html

However, i want to locate the select filter on top of the column, so i change code:

FROM:
var select = $('<select><option value=""></option></select>')
.appendTo($(column.footer()).empty())

TO:
var select = $('<select><option value=""></option></select>')
.appendTo($(column.header()).empty())

however, the column header is gone, i would like to have the filter below the column header and the sorting is on the column header, kindly help on this item

allan

You need to have a second row in the header. Have a look at the comments in the example you linked to - there are a number of replies from folks who have done what you are looking for.

Allan