scrollX: true creating whitespace between table headers and table content

AnubisJP

Hi there,

I have a datatable where adding a scroll bar to the x axis creates whitespace between the table headers and table content.
Weirdly enough, i have another time set up in a very similar way on a different page which has the scroll bar active with no problems.

What could be causing this? any help appreciated!

Thanks
Jack

$(document).ready(function() {
        var example_table = $('.example_class').DataTable( {
              scrollX:        true
        });
    } );

kthorngren

This example seems to work:
https://datatables.net/examples/basic_init/scroll_x.html

To eliminate a browser issue does it work for you?

If you still have a problem then it sounds like a styling issue. We will need a link to your page or a test case to help diagnose styling problems.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Kevin

AnubisJP

The example works correctly for me.

Thanks for your advice Kevin, I'll look into the styling and if i can't work it out ill post a test case.

Jack