Having fixed headers and also moving the filters to the top row below the headers

skywards

Hi,

I am trying to use the FixedHeaders plug-in. I am also using filters for columns. I have a requirement that the filters be moved to the top row below the headers and only displayed one at a time at the click of the header.

Can you suggest a possible way to implement both FixedHeaders and - individual column filters(as described above).

I tried cloning the filter row tfoot and moving it to the top just below the thead. This works fine for the filtering, but the Fixedheaders stop working in this case.

Thanks in advance.

skywards

I tried creating my own fixed headers using something like http://jsfiddle.net/UnPAH/3/

But setting position:relative and changing the top property doesnt work in IE8. :(:(