DataTables logo
≡

Column Header Gone After Add Filter Select on Header

Column Header Gone After Add Filter Select on Header

nicholasrpbnicholasrpb Posts: 4Questions: 3Answers: 0
edited September 2016 in Free community support

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

Answers

  • allanallan Posts: 65,867Questions: 1Answers: 10,958 Site admin

    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

This discussion has been closed.