scrollX: true creating whitespace

iolivari213

Hi there,

I have a datatable where adding a scroll bar to the x axis creates whitespace between the table headers and table content.*:
What could be causing this? any help appreciated!

Thanks
Ivan

 $('History').DataTable({
     scrollX: true,
     scrollY: 400
 });

kthorngren

This example with scrollX and scrollY looks correct.

Possibly you are using a styling framework like Bootstrap but not loading the Datatables style integration files. If this is the case use the Download builder to get the appropriate files.

If this doesn't resolve the issue then there is a style conflict specific to your page which we will need to see to help debug. Please post a link to your page or a test case replicating the issue.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Kevin

iolivari213

Hi, the issue is that when I have one record is show a whitespace between scrollX and the record .

kthorngren

Does this example show the problem?
https://live.datatables.net/kopidasu/1/edit

The white space is due to scrollY: 400. Possibly the ScrollResize plugin will help.

If this doesn't help then please provide a test case showing the problem you are trying to fix.

Kevin

iolivari213

Hello ,

Yes the error was the

scrollY: 400

Thanks,
Ivan