Infinite Scrolling - Headers not lining up

btBill

Hello,

I'm trying to figure out where or why the headers and columns dont line up when using infinite scrolling.

I'm using:
jquery-1.8.3.js
jquery.dataTables.min-1.10.0-dev.js
jquery.dataTables.columnFilter.js (1.5.1)

When the table loads, the cols and the footers line up with the footer filters as they should, but when I enable the infinite scrolling, the headers are not correctly lined up. I see that the infinite scroll is now anew table in replacement of the initial header row.

What or where do I need to set the correct widths?

I can post some configs, but this seems to be a common issue due to custom css, but I need the custom css we are supposed to be applying to the header row.

allan

Hi,

I suspect I would probably need to be able to see the problem to be of much help here.

There are two things I would say though:

- Unless you really need infinite scrolling, I would very much suggest not using it. The Scroller plug-in is far superior in many ways to the built in infinite scrolling (which I'm thinking of removing in future versions of DataTables as it is flawed - makes the table behave in unexpected ways etc). That's not to say that it should be broken in a simple table - it shouldn't be, but there are a number of things which could make it go wrong, and so why I think I'd need to see an example of it breaking.

- What happens if you disable the column filter plug-in? I've found in the past that putting input / select elements in the footer can do funny things to the table - but again shouldn't really break it!

Sorry for the slightly wishy washy reply, but off the top of my head, I'm afraid I don't know what the issue is.

Regards,
Allan