Scrolling adds second row of sorting icons

pixelgeek

Hi folks

I have a datables page that I am having issues with. You can see it at

http://dev.sentrybox.com/new-arrivals/

Debug data is saved

http://debug.datatables.net/oreyal

When I enable scrolling on the table it adds a second row of ordering icons. I've tried to modify the CSS but I haven't been able to fix it so far. The issue appears to be the scrollbar (Safari and Chome) adding the additional header space but I do need to scroll this data and not use pagination.

Any insight would be appreciated

Thanks

tangerine

I can't say this is definitely the solution, but HTML tfoot section should follow thead.

That is:

thead

tfoot

tbody

pixelgeek

It is in my source. Not sure why you are seeing it in a different order. Maybe the scroll div is being written incorrectly?