Datatable horizontal scroll issue

Question

Downloaded the new Datatable from here , its working fine but the problem is related to scrolling.

I have got the latest version of java script but when i scroll horizontally there is a log i can

observe in moment between the body of table and title. i'm not sure why its happening.

This problem comes when i deploy to IIS web server.

Another problem what i found in IIS server is there is mismatch in alignment between search label and

search box in datatable.

Answer 1

The headers are actually a separate HTML table and their position relative to the data columns is maintained by javascript.

If you view the source of your page you can see the headers table is in the dataTables_scrollHead element and the data is in in a table in the dataTables_scrollBody element. As you scroll horizontally in the body of the datatable, the headers are scrolled via javascript probably by listening to the scroll event and updating the scroll position of the headers.

I doubt there is a way to make this smoother as the responsiveness is going to depend a lot on the client.