Help needed for the example of Individual column searching (select inputs)

sharathevan

Objective: I am working on a database at my office. I've used this datatables example (https://datatables.net/examples/api/multi_filter_select.html) to filter out specific items so the user will know the dates the filtered item was purchased.

Placement: I want to place the search input at the top at the header. At the same time I want the title of the column to be shown. And I would also like to include my data toggle which toggle my list from ascending to descending and vice versa.

Changes: Ive managed to bring the search input to the header by changing the code on line 7 :
.appendTo( $(column.footer()).empty() )
to the following
.appendTo( $(column.header()).empty() )

but when I do that the name of the column is not shown .

Hence I created another row of header which displayed the heading in another row. But now my Alphabet toggle and search input are together and whenever i click my search input it automatically toggles at the same time.
Right now this is what it looks like the image attached.

Help needed to separate the search and the toggle and display the title so how to go about doing it.Thank you .

tangerine

.appendTo( $(column.header()).empty() )

As far as I remember, that code is correct . You may have an error elsewhere.
You will have to provide more information, preferably a link to a test case showing the problem.

sharathevan

@tangerine Yes the code works but when i do that . i cant see my header title. See image attached .Thank you.

allan

You'd need to create a second row in the thead and then inset the select elements into there.

Allan