[yadcf] Column header title below yadcf search boxes?

lobo_

Hello,

is there a way to move the column header title below the yadcf search boxes? Or in other words: How to move the yadcf search boxes over the cloumn header ?

Thanks

daniel_r

Hi,
you want to add another row above the row of the headers? Or you want the filter to appear above the header text (but in the same th element) and in that case I'm not sure how it can be done, unless you can tell datatables to wrap the text in the header with some span element , because without that I don't think I can tell jQuery to append the filter before the text in the header...

@allan?

lobo_

I want the filter to appear above the header text (same th).

The reason is I have some columns with header text 1 line and some with 2 lines. This makes the filter boxes not appearing in one straight line from left to right. I though when having the filters above the header text it would have a more clear layout.

daniel_r

its not a perfect solution, but you can add

.yadcf-filter-wrapper {
    display: block;
}

to you css and it will make the filters to appear in a separate row, like this ,

Or, use the filter_container_id to place the filters into containers that you will place before the column header , so it will look like this (notice that I still used that css code in this example)