Sorting and individual column filtering both in table header

tbeeckmans

I Was trying to create a table with sorting capabilities as well as individual column filtering on top of the table.
In our user experience we haven been used to have filtering on top of each column, therefore we are trying to recreate it in our new UI with DataTables.

Unfortunately during the initialisation of the sorting there is a wrapper being around the column-header and the input-field.[code]
Last name


[/code]

This leads us to two problems:
1. the input field cannot be set as active by a mouse-click
2. if we disable the brutal approach to disable text selection in the header, activating the input field also leads to a sort call (bubble).

We tried to make a second header row for the input fields, but the sorting is being put on that 2nd line instead of the 1st which contains the column labels.

Is there a way to limit the listener to a single element and / or change the behaviour in the header that wraps the label and input field into a div DataTables_sort_wrapper block?

Kind regards.
Thierry

arnodenuijl

Hi,

Same problem here. Any solution already?

kind regards,

Arno den Uijl

arnodenuijl

if you add the option [code]bSortCellsTop:true[/code] to the [code]aoColumns[/code] settings it should work.